/* Existing Theme Ultimate presentation, adapted to the 4.4 class vocabulary. */
.grid-info {
  background: #e9ecef !important;
  border: 1px solid #fff;
}

.row,
:is(.flexbox,.d-flex) {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

*:is([class*=grid-],[class*=col-]) {
  float: left;
  min-height: 1px;
}

#main, #left, #right {
  float: left;
  position: relative;
}

@media screen and (min-width: 1300px) {
  .width-lg,
  :is(.xlg-width-lg,.container-xl-lg) {
    margin: 0 auto;
    width: 100%;
  }
  .boxed .width-lg,
  .boxed :is(.xlg-width-lg,.container-xl-lg) {
    width: 1240px;
  }
  .width-md,
  :is(.xlg-width-md,.container-xl-md) {
    margin: 0 auto;
    width: 80%;
  }
  .boxed .width-md,
  .boxed :is(.xlg-width-md,.container-xl-md) {
    width: 992px;
  }
  .width-sm,
  :is(.xlg-width-sm,.container-xl-sm) {
    margin: 0 auto;
    width: 60%;
  }
  .boxed .width-sm,
  .boxed :is(.xlg-width-sm,.container-xl-sm) {
    width: 744px;
  }
  :is(.fullwidth,.width-fluid),
  :is(.xlg-fullwidth,.container-xl-fluid) {
    width: 100%;
  }
  .header-left #header,
  .header-right #header {
    height: 100%;
    position: fixed;
    width: 270px;
  }
  .header-right #header {
    left: auto;
    right: 0;
  }
  .column-both #container,
  .column-left #container,
  .column-right #container,
  .header-left #teaser,
  .header-left #container,
  .header-left #unterzeile,
  .header-left #footer {
    margin: 0 auto;
    padding-left: 270px;
    width: 100%;
  }
  .header-right #teaser,
  .header-right #container,
  .header-right #unterzeile,
  .header-right #footer {
    margin: 0 auto;
    padding-right: 270px;
    width: 100%;
  }
  .column-both.boxed #container,
  .column-left.boxed #container,
  .column-right.boxed #container {
    width: 1270px;
  }
  .column-right.boxed #container {
    padding-left: 0;
  }
  .column-both #main,
  .column-left #main,
  .column-right #main {
    width: calc(100% - 270px);
  }
  .column-both.boxed #main {
    width: 730px;
  }
  .column-left.boxed #main,
  .column-right.boxed #main {
    width: 1000px;
  }
  .column-both #left,
  .column-both #right,
  .column-left #left,
  .column-right #right {
    width: 270px;
  }
  .column-left #main,
  .column-left #left {
    float: right;
  }
  .column-both.boxed #main .width-lg,
  .column-both.boxed #main :is(.fullwidth,.width-fluid),
  .column-both.boxed #main :is(.xlg-width-lg,.container-xl-lg),
  .column-both.boxed #main :is(.xlg-fullwidth,.container-xl-fluid),
  .column-left.boxed #main .width-lg,
  .column-right.boxed #main .width-lg,
  .column-left.boxed #main :is(.fullwidth,.width-fluid),
  .column-right.boxed #main :is(.fullwidth,.width-fluid),
  .column-left.boxed #main :is(.xlg-width-lg,.container-xl-lg),
  .column-right.boxed #main :is(.xlg-width-lg,.container-xl-lg),
  .column-left.boxed #main :is(.xlg-fullwidth,.container-xl-fluid),
  .column-right.boxed #main :is(.xlg-fullwidth,.container-xl-fluid) {
    padding: 0 15px;
    width: 100%;
  }
  .column-both #main .width-md,
  .column-left #main .width-md,
  .column-right #main .width-md,
  .column-both #main :is(.xlg-width-md,.container-xl-md),
  .column-left #main :is(.xlg-width-md,.container-xl-md),
  .column-right #main :is(.xlg-width-md,.container-xl-md) {
    width: 80%;
  }
  .column-both #main .width-sm,
  .column-left #main .width-sm,
  .column-right #main .width-sm,
  .column-both #main :is(.xlg-width-sm,.container-xl-sm),
  .column-left #main :is(.xlg-width-sm,.container-xl-sm),
  .column-right #main :is(.xlg-width-sm,.container-xl-sm) {
    width: 60%;
  }
  .column-both #left .width-lg,
  .column-left #left .width-lg,
  .column-right #left .width-lg,
  .column-both #right .width-lg,
  .column-left #right .width-lg,
  .column-right #right .width-lg,
  .column-both #left :is(.xlg-width-lg,.container-xl-lg),
  .column-left #left :is(.xlg-width-lg,.container-xl-lg),
  .column-right #left :is(.xlg-width-lg,.container-xl-lg),
  .column-both #right :is(.xlg-width-lg,.container-xl-lg),
  .column-left #right :is(.xlg-width-lg,.container-xl-lg),
  .column-right #right :is(.xlg-width-lg,.container-xl-lg),
  .column-both #left .width-md,
  .column-left #left .width-md,
  .column-right #left .width-md,
  .column-both #right .width-md,
  .column-left #right .width-md,
  .column-right #right .width-md,
  .column-both #left :is(.xlg-width-md,.container-xl-md),
  .column-left #left :is(.xlg-width-md,.container-xl-md),
  .column-right #left :is(.xlg-width-md,.container-xl-md),
  .column-both #right :is(.xlg-width-md,.container-xl-md),
  .column-left #right :is(.xlg-width-md,.container-xl-md),
  .column-right #right :is(.xlg-width-md,.container-xl-md),
  .column-both #left .width-sm,
  .column-left #left .width-sm,
  .column-right #left .width-sm,
  .column-both #right .width-sm,
  .column-left #right .width-sm,
  .column-right #right .width-sm,
  .column-both #left :is(.xlg-width-sm,.container-xl-sm),
  .column-left #left :is(.xlg-width-sm,.container-xl-sm),
  .column-right #left :is(.xlg-width-sm,.container-xl-sm),
  .column-both #right :is(.xlg-width-sm,.container-xl-sm),
  .column-left #right :is(.xlg-width-sm,.container-xl-sm),
  .column-right #right :is(.xlg-width-sm,.container-xl-sm),
  .column-both #left :is(.fullwidth,.width-fluid),
  .column-left #left :is(.fullwidth,.width-fluid),
  .column-right #left :is(.fullwidth,.width-fluid),
  .column-both #right :is(.fullwidth,.width-fluid),
  .column-left #right :is(.fullwidth,.width-fluid),
  .column-right #right :is(.fullwidth,.width-fluid),
  .column-both #left :is(.xlg-fullwidth,.container-xl-fluid),
  .column-left #left :is(.xlg-fullwidth,.container-xl-fluid),
  .column-right #left :is(.xlg-fullwidth,.container-xl-fluid),
  .column-both #right :is(.xlg-fullwidth,.container-xl-fluid),
  .column-left #right :is(.xlg-fullwidth,.container-xl-fluid),
  .column-right #right :is(.xlg-fullwidth,.container-xl-fluid) {
    padding: 0 15px;
    width: 100%;
  }
  .boxed .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .boxed :is(.fullwidth,.width-fluid) .row,
  .boxed :is(.xlg-fullwidth,.container-xl-fluid) .row {
    margin-left: 0;
    margin-right: 0;
  }
  :is(.row-xlg-bottom-offset-xlg,.pb-xl-5) {
    padding-bottom: 55px;
  }
  :is(.row-xlg-bottom-offset-lg,.pb-xl-4) {
    padding-bottom: 45px;
  }
  :is(.row-xlg-bottom-offset-md,.pb-xl-3) {
    padding-bottom: 35px;
  }
  :is(.row-xlg-bottom-offset-sm,.pb-xl-2) {
    padding-bottom: 25px;
  }
  :is(.row-xlg-bottom-offset-xsm,.pb-xl-1) {
    padding-bottom: 15px;
  }
  :is(.row-xlg-top-offset-xlg,.pt-xl-5) {
    padding-top: 55px;
  }
  :is(.row-xlg-top-offset-lg,.pt-xl-4) {
    padding-top: 45px;
  }
  :is(.row-xlg-top-offset-md,.pt-xl-3) {
    padding-top: 35px;
  }
  :is(.row-xlg-top-offset-sm,.pt-xl-2) {
    padding-top: 25px;
  }
  :is(.row-xlg-top-offset-xsm,.pt-xl-1) {
    padding-top: 15px;
  }
  .col-xlg-no-offset {
    padding: 0 !important;
  }
  :is(.col-xlg-bottom-no-offset,.pb-xl-0) {
    padding-bottom: 0 !important;
  }
  :is(.col-xlg-left-no-offset,.ps-xl-0) {
    padding-left: 0 !important;
  }
  :is(.col-xlg-right-no-offset,.pe-xl-0) {
    padding-right: 0 !important;
  }
  :is(.col-xlg-top-no-offset,.pt-xl-0) {
    padding-top: 0 !important;
  }
  *:is([class*=grid-],[class*=col-]) {
    padding: 15px;
  }
  :is(.grid-xlg-0,.col-xl-0) {
    display: none;
  }
  :is(.grid-xlg-1,.col-xl-1) {
    width: 8.33333333%;
  }
  :is(.grid-xlg-2,.col-xl-2) {
    width: 16.66666667%;
  }
  :is(.grid-xlg-3,.col-xl-3) {
    width: 25%;
  }
  :is(.grid-xlg-4,.col-xl-4) {
    width: 33.33333333%;
  }
  :is(.grid-xlg-5,.col-xl-5) {
    width: 41.66666667%;
  }
  :is(.grid-xlg-6,.col-xl-6) {
    width: 50%;
  }
  :is(.grid-xlg-7,.col-xl-7) {
    width: 58.33333333%;
  }
  :is(.grid-xlg-8,.col-xl-8) {
    width: 66.66666667%;
  }
  :is(.grid-xlg-9,.col-xl-9) {
    width: 75%;
  }
  :is(.grid-xlg-10,.col-xl-10) {
    width: 83.33333333%;
  }
  :is(.grid-xlg-11,.col-xl-11) {
    width: 91.66666667%;
  }
  :is(.grid-xlg-12,.col-xl-12) {
    width: 100%;
  }
}
@media screen and (max-width: 1299px) and (min-width: 1040px) {
  .width-lg,
  :is(.lg-width-lg,.container-lg-lg) {
    margin: 0 auto;
    width: 100%;
  }
  .boxed .width-lg,
  .boxed :is(.lg-width-lg,.container-lg-lg) {
    width: 980px;
  }
  .width-md,
  :is(.lg-width-md,.container-lg-md) {
    margin: 0 auto;
    width: 80%;
  }
  .boxed .width-md,
  .boxed :is(.lg-width-md,.container-lg-md) {
    width: 784px;
  }
  .width-sm,
  :is(.lg-width-sm,.container-lg-sm) {
    margin: 0 auto;
    width: 60%;
  }
  .boxed .width-sm,
  .boxed :is(.lg-width-sm,.container-lg-sm) {
    width: 588px;
  }
  :is(.fullwidth,.width-fluid),
  :is(.lg-fullwidth,.container-lg-fluid) {
    width: 100%;
  }
  .header-left #header,
  .header-right #header {
    height: 100%;
    position: fixed;
    width: 235px;
  }
  .header-right #header {
    left: auto;
    right: 0;
  }
  .column-both #container,
  .column-left #container,
  .column-right #container,
  .header-left #teaser,
  .header-left #container,
  .header-left #unterzeile,
  .header-left #footer {
    margin: 0 auto;
    padding-left: 235px;
    width: 100%;
  }
  .header-right #teaser,
  .header-right #container,
  .header-right #unterzeile,
  .header-right #footer {
    margin: 0 auto;
    padding-right: 235px;
    width: 100%;
  }
  .column-both.boxed #container,
  .column-left.boxed #container,
  .column-right.boxed #container {
    width: 1010px;
  }
  .column-right.boxed #container {
    padding-left: 0;
  }
  .column-both #main,
  .column-left #main,
  .column-right #main {
    width: calc(100% - 235px);
  }
  .column-both.boxed #main {
    width: 540px;
  }
  .column-left.boxed #main,
  .column-right.boxed #main {
    width: 775px;
  }
  .column-both #left,
  .column-both #right,
  .column-left #left,
  .column-right #right {
    width: 235px;
  }
  .column-left #main,
  .column-left #left {
    float: right;
  }
  .column-both.boxed #main .width-lg,
  .column-both.boxed #main :is(.fullwidth,.width-fluid),
  .column-both.boxed #main :is(.lg-width-lg,.container-lg-lg),
  .column-both.boxed #main :is(.lg-fullwidth,.container-lg-fluid),
  .column-left.boxed #main .width-lg,
  .column-right.boxed #main .width-lg,
  .column-left.boxed #main :is(.fullwidth,.width-fluid),
  .column-right.boxed #main :is(.fullwidth,.width-fluid),
  .column-left.boxed #main :is(.lg-width-lg,.container-lg-lg),
  .column-right.boxed #main :is(.lg-width-lg,.container-lg-lg),
  .column-left.boxed #main :is(.lg-fullwidth,.container-lg-fluid),
  .column-right.boxed #main :is(.lg-fullwidth,.container-lg-fluid) {
    padding: 0 15px;
    width: 100%;
  }
  .column-both #main .width-md,
  .column-left #main .width-md,
  .column-right #main .width-md,
  .column-both #main :is(.lg-width-md,.container-lg-md),
  .column-left #main :is(.lg-width-md,.container-lg-md),
  .column-right #main :is(.lg-width-md,.container-lg-md) {
    width: 80%;
  }
  .column-both #main .width-sm,
  .column-left #main .width-sm,
  .column-right #main .width-sm,
  .column-both #main :is(.lg-width-sm,.container-lg-sm),
  .column-left #main :is(.lg-width-sm,.container-lg-sm),
  .column-right #main :is(.lg-width-sm,.container-lg-sm) {
    width: 60%;
  }
  .column-both #left .width-lg,
  .column-left #left .width-lg,
  .column-right #left .width-lg,
  .column-both #right .width-lg,
  .column-left #right .width-lg,
  .column-right #right .width-lg,
  .column-both #left :is(.lg-width-lg,.container-lg-lg),
  .column-left #left :is(.lg-width-lg,.container-lg-lg),
  .column-right #left :is(.lg-width-lg,.container-lg-lg),
  .column-both #right :is(.lg-width-lg,.container-lg-lg),
  .column-left #right :is(.lg-width-lg,.container-lg-lg),
  .column-right #right :is(.lg-width-lg,.container-lg-lg),
  .column-both #left .width-md,
  .column-left #left .width-md,
  .column-right #left .width-md,
  .column-both #right .width-md,
  .column-left #right .width-md,
  .column-right #right .width-md,
  .column-both #left :is(.lg-width-md,.container-lg-md),
  .column-left #left :is(.lg-width-md,.container-lg-md),
  .column-right #left :is(.lg-width-md,.container-lg-md),
  .column-both #right :is(.lg-width-md,.container-lg-md),
  .column-left #right :is(.lg-width-md,.container-lg-md),
  .column-right #right :is(.lg-width-md,.container-lg-md),
  .column-both #left .width-sm,
  .column-left #left .width-sm,
  .column-right #left .width-sm,
  .column-both #right .width-sm,
  .column-left #right .width-sm,
  .column-right #right .width-sm,
  .column-both #left :is(.lg-width-sm,.container-lg-sm),
  .column-left #left :is(.lg-width-sm,.container-lg-sm),
  .column-right #left :is(.lg-width-sm,.container-lg-sm),
  .column-both #right :is(.lg-width-sm,.container-lg-sm),
  .column-left #right :is(.lg-width-sm,.container-lg-sm),
  .column-right #right :is(.lg-width-sm,.container-lg-sm),
  .column-both #left :is(.fullwidth,.width-fluid),
  .column-left #left :is(.fullwidth,.width-fluid),
  .column-right #left :is(.fullwidth,.width-fluid),
  .column-both #right :is(.fullwidth,.width-fluid),
  .column-left #right :is(.fullwidth,.width-fluid),
  .column-right #right :is(.fullwidth,.width-fluid),
  .column-both #left :is(.lg-fullwidth,.container-lg-fluid),
  .column-left #left :is(.lg-fullwidth,.container-lg-fluid),
  .column-right #left :is(.lg-fullwidth,.container-lg-fluid),
  .column-both #right :is(.lg-fullwidth,.container-lg-fluid),
  .column-left #right :is(.lg-fullwidth,.container-lg-fluid),
  .column-right #right :is(.lg-fullwidth,.container-lg-fluid) {
    padding: 0 15px;
    width: 100%;
  }
  .boxed .row {
    margin-left: -15px;
    margin-right: -15px;
  }
  .boxed :is(.fullwidth,.width-fluid) .row,
  .boxed :is(.lg-fullwidth,.container-lg-fluid) .row {
    margin-left: 0;
    margin-right: 0;
  }
  :is(.row-lg-bottom-offset-xlg,.pb-lg-5) {
    padding-bottom: 55px;
  }
  :is(.row-lg-bottom-offset-lg,.pb-lg-4) {
    padding-bottom: 45px;
  }
  :is(.row-lg-bottom-offset-md,.pb-lg-3) {
    padding-bottom: 35px;
  }
  :is(.row-lg-bottom-offset-sm,.pb-lg-2) {
    padding-bottom: 25px;
  }
  :is(.row-lg-bottom-offset-xsm,.pb-lg-1) {
    padding-bottom: 15px;
  }
  :is(.row-lg-top-offset-xlg,.pt-lg-5) {
    padding-top: 55px;
  }
  :is(.row-lg-top-offset-lg,.pt-lg-4) {
    padding-top: 45px;
  }
  :is(.row-lg-top-offset-md,.pt-lg-3) {
    padding-top: 35px;
  }
  :is(.row-lg-top-offset-sm,.pt-lg-2) {
    padding-top: 25px;
  }
  :is(.row-lg-top-offset-xsm,.pt-lg-1) {
    padding-top: 15px;
  }
  .col-lg-no-offset {
    padding: 0 !important;
  }
  :is(.col-lg-bottom-no-offset,.pb-lg-0) {
    padding-bottom: 0 !important;
  }
  :is(.col-lg-left-no-offset,.ps-lg-0) {
    padding-left: 0 !important;
  }
  :is(.col-lg-right-no-offset,.pe-lg-0) {
    padding-right: 0 !important;
  }
  :is(.col-lg-top-no-offset,.pt-lg-0) {
    padding-top: 0 !important;
  }
  *:is([class*=grid-],[class*=col-]) {
    padding: 15px;
  }
  :is(.grid-lg-0,.col-lg-0) {
    display: none;
  }
  :is(.grid-lg-1,.col-lg-1) {
    width: 8.33333333%;
  }
  :is(.grid-lg-2,.col-lg-2) {
    width: 16.66666667%;
  }
  :is(.grid-lg-3,.col-lg-3) {
    width: 25%;
  }
  :is(.grid-lg-4,.col-lg-4) {
    width: 33.33333333%;
  }
  :is(.grid-lg-5,.col-lg-5) {
    width: 41.66666667%;
  }
  :is(.grid-lg-6,.col-lg-6) {
    width: 50%;
  }
  :is(.grid-lg-7,.col-lg-7) {
    width: 58.33333333%;
  }
  :is(.grid-lg-8,.col-lg-8) {
    width: 66.66666667%;
  }
  :is(.grid-lg-9,.col-lg-9) {
    width: 75%;
  }
  :is(.grid-lg-10,.col-lg-10) {
    width: 83.33333333%;
  }
  :is(.grid-lg-11,.col-lg-11) {
    width: 91.66666667%;
  }
  :is(.grid-lg-12,.col-lg-12) {
    width: 100%;
  }
}
@media screen and (max-width: 1039px) and (min-width: 780px) {
  .width-lg,
  :is(.md-width-lg,.container-md-lg) {
    margin: 0 auto;
    width: 100%;
  }
  .boxed .width-lg,
  .boxed :is(.md-width-lg,.container-md-lg) {
    width: 720px;
  }
  .width-md,
  :is(.md-width-md,.container-md-md) {
    margin: 0 auto;
    width: 80%;
  }
  .boxed .width-md,
  .boxed :is(.md-width-md,.container-md-md) {
    width: 576px;
  }
  .width-sm,
  :is(.md-width-sm,.container-md-sm) {
    margin: 0 auto;
    width: 60%;
  }
  .boxed .width-sm,
  .boxed :is(.md-width-sm,.container-md-sm) {
    width: 432px;
  }
  :is(.fullwidth,.width-fluid),
  :is(.md-fullwidth,.container-md-fluid) {
    width: 100%;
  }
  .header-left #header,
  .header-right #header {
    height: 100%;
    position: fixed;
    width: 185px;
  }
  .header-right #header {
    left: auto;
    right: 0;
  }
  .column-both #container,
  .column-left #container,
  .column-right #container,
  .header-left #teaser,
  .header-left #container,
  .header-left #unterzeile,
  .header-left #footer {
    margin: 0 auto;
    padding-left: 185px;
    width: 100%;
  }
  .header-right #teaser,
  .header-right #container,
  .header-right #unterzeile,
  .header-right #footer {
    margin: 0 auto;
    padding-right: 185px;
    width: 100%;
  }
  .column-both.boxed #container,
  .column-left.boxed #container,
  .column-right.boxed #container {
    width: 740px;
  }
  .column-right.boxed #container {
    padding-left: 0;
  }
  .column-both #main,
  .column-left #main,
  .column-right #main {
    width: calc(100% - 185px);
  }
  .column-both.boxed #main {
    width: 370px;
  }
  .column-left.boxed #main,
  .column-right.boxed #main {
    width: 555px;
  }
  .column-both #left,
  .column-both #right,
  .column-left #left,
  .column-right #right {
    width: 185px;
  }
  .column-left #main,
  .column-left #left {
    float: right;
  }
  .column-both.boxed #main .width-lg,
  .column-both.boxed #main :is(.fullwidth,.width-fluid),
  .column-both.boxed #main :is(.md-width-lg,.container-md-lg),
  .column-both.boxed #main :is(.md-fullwidth,.container-md-fluid),
  .column-left.boxed #main .width-lg,
  .column-right.boxed #main .width-lg,
  .column-left.boxed #main :is(.fullwidth,.width-fluid),
  .column-right.boxed #main :is(.fullwidth,.width-fluid),
  .column-left.boxed #main :is(.md-width-lg,.container-md-lg),
  .column-right.boxed #main :is(.md-width-lg,.container-md-lg),
  .column-left.boxed #main :is(.md-fullwidth,.container-md-fluid),
  .column-right.boxed #main :is(.md-fullwidth,.container-md-fluid) {
    padding: 0 10px;
    width: 100%;
  }
  .column-both #main .width-md,
  .column-left #main .width-md,
  .column-right #main .width-md,
  .column-both #main :is(.md-width-md,.container-md-md),
  .column-left #main :is(.md-width-md,.container-md-md),
  .column-right #main :is(.md-width-md,.container-md-md) {
    width: 80%;
  }
  .column-both #main .width-sm,
  .column-left #main .width-sm,
  .column-right #main .width-sm,
  .column-both #main :is(.md-width-sm,.container-md-sm),
  .column-left #main :is(.md-width-sm,.container-md-sm),
  .column-right #main :is(.md-width-sm,.container-md-sm) {
    width: 60%;
  }
  .column-both #left .width-lg,
  .column-left #left .width-lg,
  .column-right #left .width-lg,
  .column-both #right .width-lg,
  .column-left #right .width-lg,
  .column-right #right .width-lg,
  .column-both #left :is(.md-width-lg,.container-md-lg),
  .column-left #left :is(.md-width-lg,.container-md-lg),
  .column-right #left :is(.md-width-lg,.container-md-lg),
  .column-both #right :is(.md-width-lg,.container-md-lg),
  .column-left #right :is(.md-width-lg,.container-md-lg),
  .column-right #right :is(.md-width-lg,.container-md-lg),
  .column-both #left .width-md,
  .column-left #left .width-md,
  .column-right #left .width-md,
  .column-both #right .width-md,
  .column-left #right .width-md,
  .column-right #right .width-md,
  .column-both #left :is(.md-width-md,.container-md-md),
  .column-left #left :is(.md-width-md,.container-md-md),
  .column-right #left :is(.md-width-md,.container-md-md),
  .column-both #right :is(.md-width-md,.container-md-md),
  .column-left #right :is(.md-width-md,.container-md-md),
  .column-right #right :is(.md-width-md,.container-md-md),
  .column-both #left .width-sm,
  .column-left #left .width-sm,
  .column-right #left .width-sm,
  .column-both #right .width-sm,
  .column-left #right .width-sm,
  .column-right #right .width-sm,
  .column-both #left :is(.md-width-sm,.container-md-sm),
  .column-left #left :is(.md-width-sm,.container-md-sm),
  .column-right #left :is(.md-width-sm,.container-md-sm),
  .column-both #right :is(.md-width-sm,.container-md-sm),
  .column-left #right :is(.md-width-sm,.container-md-sm),
  .column-right #right :is(.md-width-sm,.container-md-sm),
  .column-both #left :is(.fullwidth,.width-fluid),
  .column-left #left :is(.fullwidth,.width-fluid),
  .column-right #left :is(.fullwidth,.width-fluid),
  .column-both #right :is(.fullwidth,.width-fluid),
  .column-left #right :is(.fullwidth,.width-fluid),
  .column-right #right :is(.fullwidth,.width-fluid),
  .column-both #left :is(.md-fullwidth,.container-md-fluid),
  .column-left #left :is(.md-fullwidth,.container-md-fluid),
  .column-right #left :is(.md-fullwidth,.container-md-fluid),
  .column-both #right :is(.md-fullwidth,.container-md-fluid),
  .column-left #right :is(.md-fullwidth,.container-md-fluid),
  .column-right #right :is(.md-fullwidth,.container-md-fluid) {
    padding: 0 10px;
    width: 100%;
  }
  .boxed .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .boxed :is(.fullwidth,.width-fluid) .row,
  .boxed :is(.md-fullwidth,.container-md-fluid) .row {
    margin-left: 0;
    margin-right: 0;
  }
  :is(.row-md-bottom-offset-xlg,.pb-md-5) {
    padding-bottom: 55px;
  }
  :is(.row-md-bottom-offset-lg,.pb-md-4) {
    padding-bottom: 45px;
  }
  :is(.row-md-bottom-offset-md,.pb-md-3) {
    padding-bottom: 35px;
  }
  :is(.row-md-bottom-offset-sm,.pb-md-2) {
    padding-bottom: 25px;
  }
  :is(.row-md-bottom-offset-xsm,.pb-md-1) {
    padding-bottom: 15px;
  }
  :is(.row-md-top-offset-xlg,.pt-md-5) {
    padding-top: 55px;
  }
  :is(.row-md-top-offset-lg,.pt-md-4) {
    padding-top: 45px;
  }
  :is(.row-md-top-offset-md,.pt-md-3) {
    padding-top: 35px;
  }
  :is(.row-md-top-offset-sm,.pt-md-2) {
    padding-top: 25px;
  }
  :is(.row-md-top-offset-xsm,.pt-md-1) {
    padding-top: 15px;
  }
  .col-md-no-offset {
    padding: 0 !important;
  }
  :is(.col-md-bottom-no-offset,.pb-md-0) {
    padding-bottom: 0 !important;
  }
  :is(.col-md-left-no-offset,.ps-md-0) {
    padding-left: 0 !important;
  }
  :is(.col-md-right-no-offset,.pe-md-0) {
    padding-right: 0 !important;
  }
  :is(.col-md-top-no-offset,.pt-md-0) {
    padding-top: 0 !important;
  }
  *:is([class*=grid-],[class*=col-]) {
    padding: 10px;
  }
  :is(.grid-md-0,.col-md-0) {
    display: none;
  }
  :is(.grid-md-1,.col-md-1) {
    width: 8.33333333%;
  }
  :is(.grid-md-2,.col-md-2) {
    width: 16.66666667%;
  }
  :is(.grid-md-3,.col-md-3) {
    width: 25%;
  }
  :is(.grid-md-4,.col-md-4) {
    width: 33.33333333%;
  }
  :is(.grid-md-5,.col-md-5) {
    width: 41.66666667%;
  }
  :is(.grid-md-6,.col-md-6) {
    width: 50%;
  }
  :is(.grid-md-7,.col-md-7) {
    width: 58.33333333%;
  }
  :is(.grid-md-8,.col-md-8) {
    width: 66.66666667%;
  }
  :is(.grid-md-9,.col-md-9) {
    width: 75%;
  }
  :is(.grid-md-10,.col-md-10) {
    width: 83.33333333%;
  }
  :is(.grid-md-11,.col-md-11) {
    width: 91.66666667%;
  }
  :is(.grid-md-12,.col-md-12) {
    width: 100%;
  }
}
@media screen and (max-width: 779px) and (min-width: 520px) {
  .width-lg,
  :is(.sm-width-lg,.container-sm-lg),
  :is(.fullwidth,.width-fluid),
  :is(.sm-fullwidth,.container-sm-fluid) {
    width: 100%;
  }
  .width-md,
  :is(.sm-width-md,.container-sm-md) {
    margin: 0 auto;
    width: 80%;
  }
  .width-sm,
  :is(.sm-width-sm,.container-sm-sm) {
    margin: 0 auto;
    width: 60%;
  }
  #main, #left, #right {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  :is(.row-sm-bottom-offset-xlg,.pb-sm-5) {
    padding-bottom: 55px;
  }
  :is(.row-sm-bottom-offset-lg,.pb-sm-4) {
    padding-bottom: 45px;
  }
  :is(.row-sm-bottom-offset-md,.pb-sm-3) {
    padding-bottom: 35px;
  }
  :is(.row-sm-bottom-offset-sm,.pb-sm-2) {
    padding-bottom: 25px;
  }
  :is(.row-sm-bottom-offset-xsm,.pb-sm-1) {
    padding-bottom: 15px;
  }
  :is(.row-sm-top-offset-xlg,.pt-sm-5) {
    padding-top: 55px;
  }
  :is(.row-sm-top-offset-lg,.pt-sm-4) {
    padding-top: 45px;
  }
  :is(.row-sm-top-offset-md,.pt-sm-3) {
    padding-top: 35px;
  }
  :is(.row-sm-top-offset-sm,.pt-sm-2) {
    padding-top: 25px;
  }
  :is(.row-sm-top-offset-xsm,.pt-sm-1) {
    padding-top: 15px;
  }
  .col-sm-no-offset {
    padding: 0 !important;
  }
  :is(.col-sm-bottom-no-offset,.pb-sm-0) {
    padding-bottom: 0 !important;
  }
  :is(.col-sm-left-no-offset,.ps-sm-0) {
    padding-left: 0 !important;
  }
  :is(.col-sm-right-no-offset,.pe-sm-0) {
    padding-right: 0 !important;
  }
  :is(.col-sm-top-no-offset,.pt-sm-0) {
    padding-top: 0 !important;
  }
  *:is([class*=grid-],[class*=col-]) {
    padding: 10px;
  }
  :is(.grid-sm-0,.col-sm-0) {
    display: none;
  }
  :is(.grid-sm-1,.col-sm-1) {
    width: 8.33333333%;
  }
  :is(.grid-sm-2,.col-sm-2) {
    width: 16.66666667%;
  }
  :is(.grid-sm-3,.col-sm-3) {
    width: 25%;
  }
  :is(.grid-sm-4,.col-sm-4) {
    width: 33.33333333%;
  }
  :is(.grid-sm-5,.col-sm-5) {
    width: 41.66666667%;
  }
  :is(.grid-sm-6,.col-sm-6) {
    width: 50%;
  }
  :is(.grid-sm-7,.col-sm-7) {
    width: 58.33333333%;
  }
  :is(.grid-sm-8,.col-sm-8) {
    width: 66.66666667%;
  }
  :is(.grid-sm-9,.col-sm-9) {
    width: 75%;
  }
  :is(.grid-sm-10,.col-sm-10) {
    width: 83.33333333%;
  }
  :is(.grid-sm-11,.col-sm-11) {
    width: 91.66666667%;
  }
  :is(.grid-sm-12,.col-sm-12) {
    width: 100%;
  }
}
@media screen and (max-width: 519px) {
  .width-lg,
  :is(.xsm-width-lg,.container-xs-lg),
  :is(.fullwidth,.width-fluid),
  :is(.xsm-fullwidth,.container-xs-fluid) {
    width: 100%;
  }
  .width-md,
  :is(.xsm-width-md,.container-xs-md) {
    margin: 0 auto;
    width: 80%;
  }
  .width-sm,
  :is(.xsm-width-sm,.container-xs-sm) {
    margin: 0 auto;
    width: 60%;
  }
  #main, #left, #right {
    float: none;
    margin-left: 0;
    margin-right: 0;
  }
  :is(.row-xsm-bottom-offset-xlg,.pb-5) {
    padding-bottom: 55px;
  }
  :is(.row-xsm-bottom-offset-lg,.pb-4) {
    padding-bottom: 45px;
  }
  :is(.row-xsm-bottom-offset-md,.pb-3) {
    padding-bottom: 35px;
  }
  :is(.row-xsm-bottom-offset-sm,.pb-2) {
    padding-bottom: 25px;
  }
  :is(.row-xsm-bottom-offset-xsm,.pb-1) {
    padding-bottom: 15px;
  }
  :is(.row-xsm-top-offset-xlg,.pt-5) {
    padding-top: 55px;
  }
  :is(.row-xsm-top-offset-lg,.pt-4) {
    padding-top: 45px;
  }
  :is(.row-xsm-top-offset-md,.pt-3) {
    padding-top: 35px;
  }
  :is(.row-xsm-top-offset-sm,.pt-2) {
    padding-top: 25px;
  }
  :is(.row-xsm-top-offset-xsm,.pt-1) {
    padding-top: 15px;
  }
  .col-xsm-no-offset {
    padding: 0 !important;
  }
  :is(.col-xsm-bottom-no-offset,.pb-0) {
    padding-bottom: 0 !important;
  }
  :is(.col-xsm-left-no-offset,.ps-0) {
    padding-left: 0 !important;
  }
  :is(.col-xsm-right-no-offset,.pe-0) {
    padding-right: 0 !important;
  }
  :is(.col-xsm-top-no-offset,.pt-0) {
    padding-top: 0 !important;
  }
  *:is([class*=grid-],[class*=col-]) {
    padding: 10px;
  }
  :is(.grid-xsm-0,.col-xs-0) {
    display: none;
  }
  :is(.grid-xsm-1,.col-1) {
    width: 8.33333333%;
  }
  :is(.grid-xsm-2,.col-2) {
    width: 16.66666667%;
  }
  :is(.grid-xsm-3,.col-3) {
    width: 25%;
  }
  :is(.grid-xsm-4,.col-4) {
    width: 33.33333333%;
  }
  :is(.grid-xsm-5,.col-5) {
    width: 41.66666667%;
  }
  :is(.grid-xsm-6,.col-6) {
    width: 50%;
  }
  :is(.grid-xsm-7,.col-7) {
    width: 58.33333333%;
  }
  :is(.grid-xsm-8,.col-8) {
    width: 66.66666667%;
  }
  :is(.grid-xsm-9,.col-9) {
    width: 75%;
  }
  :is(.grid-xsm-10,.col-10) {
    width: 83.33333333%;
  }
  :is(.grid-xsm-11,.col-11) {
    width: 91.66666667%;
  }
  :is(.grid-xsm-12,.col-12) {
    width: 100%;
  }
}


* {
  box-sizing: border-box;
}

a, abbr, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, spanstrike, strong, sub, summary, sup, table, textarea, tbody, td, tfoot, th, thead, time, tr, tt, ul, var, video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

#container::after, article::after, aside::after, blockquote::after, details::after, figcaption::after, figure::after, footer::after, header::after, hgroup::after, menu::after, nav::after, q::after, section::after, .custom::after {
  clear: both;
  content: "";
  display: table;
}

*[class*=ce_],
*[class*=content-],
*[class*=mod_] {
  position: relative;
  z-index: 0;
}

html {
  min-height: 100%;
  overflow-y: scroll;
  position: relative;
  scroll-behavior: smooth;
}

html.active {
  overflow-y: hidden;
}

article, aside, figcaption, figure, footer, header, main, nav, section, .custom {
  display: block;
}

fieldset, img, iframe {
  border: 0;
}

img {
  border: 0;
  display: block;
  height: auto;
  width: 100%;
  vertical-align: bottom;
}

.invisible,
.anchor,
.content-anchor-element {
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 0;
  line-height: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 0;
}

:is(.cover,.bg-cover) {
  background-size: cover !important;
}

[class*=content-],
[class*=ce_] {
  overflow: hidden;
}

#clear, .clear {
  clear: both;
}

.fixed-on-header.fixed,
.fixed-on-top.fixed {
  position: fixed;
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("/bundles/themeultimate/fonts/webfonts/open-sans-v44-latin-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("/bundles/themeultimate/fonts/webfonts/open-sans-v44-latin-italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("/bundles/themeultimate/fonts/webfonts/open-sans-v44-latin-700.woff2") format("woff2");
}
body,
button,
input:not([type=radio]):not([type=checkbox]),
textarea,
select {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-style: normal;
  line-height: 1.25;
  word-wrap: break-word;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
  padding: 7px 0;
}

h1, h2, h3, h4, h5, h6, strong,
.content-headline.standard {
  font-weight: 700;
}

h1,
.content-headline.standard.headline-h1 {
  font-size: 32px;
  font-size: 2rem;
}

h2,
.content-headline.standard.headline-h2 {
  font-size: 24px;
  font-size: 1.5rem;
}

h3,
.content-headline.standard.headline-h3 {
  font-size: 22px;
  font-size: 1.375rem;
}

h4,
.content-headline.standard.headline-h4 {
  font-size: 20px;
  font-size: 1.25rem;
}

h5,
.content-headline.standard.headline-h5 {
  font-size: 18px;
  font-size: 1.125rem;
}

h6,
.content-headline.standard.headline-h6 {
  font-size: 16px;
  font-size: 1rem;
}

small, .small,
.mod_search .relevance {
  font-size: 65%;
}

button,
p.button,
input,
select,
textarea ,


button,
p:has(>a.btn),
input,
select,
textarea {
  font-family: inherit;
  font-size: 99%;
  font-weight: inherit;
  line-height: 1;
}

:is(.uppercase,.text-uppercase) {
  text-transform: uppercase;
}

.icon i,
.icon svg,
.icon span {
  border-color: transparent;
  border-style: solid;
  border-width: inherit;
  line-height: 1.25;
  overflow: visible;
  padding: 14px;
}

.icon span {
  display: inline-block;
}

.icon-xlg i,
.icon-xlg svg,
.icon-xlg span {
  font-size: 60px;
  font-size: 3.75rem;
  height: 94px;
  width: 94px;
}

.icon-lg i,
.icon-lg svg,
.icon-lg span {
  font-size: 50px;
  font-size: 3.125rem;
  height: 84px;
  width: 84px;
}

.icon-md i,
.icon-md svg,
.icon-md span {
  font-size: 40px;
  font-size: 2.5rem;
  height: 74px;
  width: 74px;
}

.icon-sm i,
.icon-sm svg,
.icon-sm span {
  font-size: 30px;
  font-size: 1.875rem;
  height: 64px;
  width: 64px;
}

.icon-xsm i,
.icon-xsm svg,
.icon-xsm span {
  font-size: 20px;
  font-size: 1.25rem;
  height: 54px;
  width: 54px;
}

.colorbox {
  bottom: 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}

:is(.color-white,.text-white),
.icon-white i,
i.icon-white,
.content-text abbr[title]:hover::before,
.content-text kbd,
kbd a,
kbd a:hover,
#colorbox #cboxClose::after,
#colorbox #cboxPrevious::after,
#colorbox #cboxNext::after,
#colorbox #cboxCurrent,
#colorbox #cboxTitle,
.content-notice-box:is(.notice-box-black,.alert-black),
.content-teaser-image .scrolldown:is(.color-white,.text-white) a,
.content-quote-box.icon-white blockquote::before,
nav[data-pagination] ol li a.active,
nav[data-pagination] ul li a.active,
nav[data-pagination] ol li strong,
nav[data-pagination] ul li strong,
.pagination ul li strong,
.mod_calendar .calendar-body > div > div.today .label {
  color: #fff;
}

:is(.invert,.text-invert),
:is(.invert,.text-invert) h1, :is(.invert,.text-invert) h1 a,
:is(.invert,.text-invert) h2, :is(.invert,.text-invert) h2 a,
:is(.invert,.text-invert) h3, :is(.invert,.text-invert) h3 a,
:is(.invert,.text-invert) h4, :is(.invert,.text-invert) h4 a,
:is(.invert,.text-invert) h5, :is(.invert,.text-invert) h5 a,
:is(.invert,.text-invert) h6, :is(.invert,.text-invert) h6 a,
:is(.invert,.text-invert) i:not(.icon-white, .icon-light, .icon-dark, .icon-black, .icon-success, .icon-info, .icon-warning, .icon-danger, .icon-primary, .icon-secondary),
:is(.invert,.text-invert) li a,
:is(.invert,.text-invert) p, :is(.invert,.text-invert) p:not(.button):not(:has(>a.btn)) a,
:is(.invert,.text-invert) strong,
.content-teaser-box.button-link :is(.invert,.text-invert) a,
.content-teaser-box.button-link :is(.invert,.text-invert) a:hover,
.content-teaser-box.button-bracket-link :is(.invert,.text-invert) a,
.content-teaser-box.button-bracket-link :is(.invert,.text-invert) a:hover,
.content-teaser-box .box-outside .invert-outside,
.content-teaser-box .box-outside .invert-outside h1, .invert-outside h1 a,
.content-teaser-box .box-outside .invert-outside h2, .invert-outside h2 a,
.content-teaser-box .box-outside .invert-outside h3, .invert-outside h3 a,
.content-teaser-box .box-outside .invert-outside h4, .invert-outside h4 a,
.content-teaser-box .box-outside .invert-outside h5, .invert-outside h5 a,
.content-teaser-box .box-outside .invert-outside h6, .invert-outside h6 a,
.content-teaser-box .box-outside .invert-outside i, .invert-outside i a,
.content-teaser-box .box-outside .invert-outside li a,
.content-teaser-box .box-outside .invert-outside p, .invert-outside p:not(.button):not(:has(>a.btn)) a,
.content-teaser-box .box-outside .invert-outside strong,
.content-teaser-box.button-link .box-outside .invert-outside a,
.content-teaser-box.button-link .box-outside .invert-outside a:hover,
.content-teaser-box.button-bracket-link .box-outside .invert-outside a,
.content-teaser-box.button-bracket-link .box-outside .invert-outside a:hover,
.content-text-image-tile :is(.invert,.text-invert) a.button-link,
.content-text-image-tile :is(.invert,.text-invert) a.button-link:hover,
.content-text-image-tile :is(.invert,.text-invert) a.button-bracket-link,
.content-text-image-tile :is(.invert,.text-invert) a.button-bracket-link:hover ,


.invert,
.invert h1, .invert h1 a,
.invert h2, .invert h2 a,
.invert h3, .invert h3 a,
.invert h4, .invert h4 a,
.invert h5, .invert h5 a,
.invert h6, .invert h6 a,
.invert i:not(.icon-white, .icon-light, .icon-dark, .icon-black, .icon-success, .icon-info, .icon-warning, .icon-danger, .icon-primary, .icon-secondary),
.invert li a,
.invert p, .invert p:not(p:has(>a.btn)) a,
.invert strong,
.content-teaser-box.button-link .invert a,
.content-teaser-box.button-link .invert a:hover,
.content-teaser-box.button-bracket-link .invert a,
.content-teaser-box.button-bracket-link .invert a:hover,
.content-teaser-box .box-outside .invert-outside,
.content-teaser-box .box-outside .invert-outside h1, .invert-outside h1 a,
.content-teaser-box .box-outside .invert-outside h2, .invert-outside h2 a,
.content-teaser-box .box-outside .invert-outside h3, .invert-outside h3 a,
.content-teaser-box .box-outside .invert-outside h4, .invert-outside h4 a,
.content-teaser-box .box-outside .invert-outside h5, .invert-outside h5 a,
.content-teaser-box .box-outside .invert-outside h6, .invert-outside h6 a,
.content-teaser-box .box-outside .invert-outside i, .invert-outside i a,
.content-teaser-box .box-outside .invert-outside li a,
.content-teaser-box .box-outside .invert-outside p, .invert-outside p:not(p:has(>a.btn)) a,
.content-teaser-box .box-outside .invert-outside strong,
.content-teaser-box.button-link .box-outside .invert-outside a,
.content-teaser-box.button-link .box-outside .invert-outside a:hover,
.content-teaser-box.button-bracket-link .box-outside .invert-outside a,
.content-teaser-box.button-bracket-link .box-outside .invert-outside a:hover,
.content-text-image-tile .invert a.button-link,
.content-text-image-tile .invert a.button-link:hover,
.content-text-image-tile .invert a.button-bracket-link,
.content-text-image-tile .invert a.button-bracket-link:hover {
  color: #fff !important;
}

@media screen and (min-width: 780px) {
  .invert-inside,
  .invert-inside h1, .invert-inside h1 a,
  .invert-inside h2, .invert-inside h2 a,
  .invert-inside h3, .invert-inside h3 a,
  .invert-inside h4, .invert-inside h4 a,
  .invert-inside h5, .invert-inside h5 a,
  .invert-inside h6, .invert-inside h6 a,
  .invert-inside i, .invert-inside i a,
  .invert-inside li a,
  .invert-inside p, .invert-inside p:not(.button):not(:has(>a.btn)) a,
  .invert-inside strong,
  .content-teaser-box.button-link .invert-inside a,
  .content-teaser-box.button-link .invert-inside a:hover,
  .content-teaser-box.button-bracket-link .invert-inside a,
  .content-teaser-box.button-bracket-link .invert-inside a:hover ,

  .invert-inside,
  .invert-inside h1, .invert-inside h1 a,
  .invert-inside h2, .invert-inside h2 a,
  .invert-inside h3, .invert-inside h3 a,
  .invert-inside h4, .invert-inside h4 a,
  .invert-inside h5, .invert-inside h5 a,
  .invert-inside h6, .invert-inside h6 a,
  .invert-inside i, .invert-inside i a,
  .invert-inside li a,
  .invert-inside p, .invert-inside p:not(p:has(>a.btn)) a,
  .invert-inside strong,
  .content-teaser-box.button-link .invert-inside a,
  .content-teaser-box.button-link .invert-inside a:hover,
  .content-teaser-box.button-bracket-link .invert-inside a,
  .content-teaser-box.button-bracket-link .invert-inside a:hover {
    color: #fff !important;
  }
}
@media screen and (max-width: 780px) {
  .invert-outside,
  .invert-outside h1, .invert-outside h1 a,
  .invert-outside h2, .invert-outside h2 a,
  .invert-outside h3, .invert-outside h3 a,
  .invert-outside h4, .invert-outside h4 a,
  .invert-outside h5, .invert-outside h5 a,
  .invert-outside h6, .invert-outside h6 a,
  .invert-outside i, .invert-outside i a,
  .invert-outside li a,
  .invert-outside p, .invert-outside p:not(.button):not(:has(>a.btn)) a,
  .invert-outside strong,
  .content-teaser-box.button-link .invert-outside a,
  .content-teaser-box.button-link .invert-outside a:hover,
  .content-teaser-box.button-bracket-link .invert-outside a,
  .content-teaser-box.button-bracket-link .invert-outside a:hover ,

  .invert-outside,
  .invert-outside h1, .invert-outside h1 a,
  .invert-outside h2, .invert-outside h2 a,
  .invert-outside h3, .invert-outside h3 a,
  .invert-outside h4, .invert-outside h4 a,
  .invert-outside h5, .invert-outside h5 a,
  .invert-outside h6, .invert-outside h6 a,
  .invert-outside i, .invert-outside i a,
  .invert-outside li a,
  .invert-outside p, .invert-outside p:not(p:has(>a.btn)) a,
  .invert-outside strong,
  .content-teaser-box.button-link .invert-outside a,
  .content-teaser-box.button-link .invert-outside a:hover,
  .content-teaser-box.button-bracket-link .invert-outside a,
  .content-teaser-box.button-bracket-link .invert-outside a:hover {
    color: #fff !important;
  }
}
.content-quote-box blockquote::before {
  color: #e9ecef;
}

/* Die light-Variante folgt der Bootstrap-5.3-Palette (#f8f9fa). Der Standard-Glyph
   darueber behaelt #e9ecef, weil er zur normalen hr-Linie passen muss. */
:is(.color-light,.text-light),
.icon-light i,
i.icon-light,
.content-teaser-image .scrolldown:is(.color-light,.text-light) a {
  color: #f8f9fa;
}

:is(.color-dark,.text-dark),
body,
input:not([type=radio]):not([type=checkbox]),
textarea,
select,
button.button-default,
.button-default p.button a,
.button-default button.submit,
.content-toplink.button-default a,
.button-default p.button a:hover,
.content-toplink.button-default a:hover,
#nav-top a,
#nav-top strong,
#nav-main a,
#nav-main strong,
#nav-main ul.level_1 > li.submenu > a::after,
#nav-main ul.level_1 > li.submenu > strong::after,
.nav-sub a,
.nav-sub strong,
.content-notice-box:is(.notice-box-white,.alert-white),
.icon-dark i,
i.icon-dark,
.content-team-box .content-headline a,
.content-teaser-image .scrolldown:is(.color-dark,.text-dark) a,
.content-teaser-box .content-headline a,
.content-teaser-box .highlight,
.content-quote-box.icon-dark blockquote::before,
.mod_search h3 a,
.mod_newsarchive h2 a,
.mod_newslist h2 a ,


.color-dark,
body,
input:not([type=radio]):not([type=checkbox]),
textarea,
select,
button.btn-outline-secondary,
p:has(>a.btn.btn-outline-secondary) a,
button.submit.btn-outline-secondary,
.content-toplink a.btn-outline-secondary,
p:has(>a.btn.btn-outline-secondary) a:hover,
.content-toplink a.btn-outline-secondary:hover,
#nav-top a,
#nav-top strong,
#nav-main a,
#nav-main strong,
#nav-main ul.level_1 > li.submenu > a::after,
#nav-main ul.level_1 > li.submenu > strong::after,
.nav-sub a,
.nav-sub strong,
.content-notice-box.notice-box-white,
.icon-dark i,
i.icon-dark,
.content-team-box .content-headline a,
.content-teaser-image .scrolldown.color-dark a,
.content-teaser-box .content-headline a,
.content-teaser-box .highlight,
.content-quote-box.icon-dark blockquote::before,
.mod_search h3 a,
.mod_newsarchive h2 a,
.mod_newslist h2 a {
  color: #212529;
}

:is(.color-black,.text-black),
.icon-black i,
i.icon-black,
#toggle-nav::after,
.content-teaser-image .scrolldown:is(.color-black,.text-black) a,
.content-quote-box.icon-black blockquote::before {
  color: #000;
}

:is(.color-success,.text-success),
.icon-success i,
i.icon-success,
.content-teaser-image .scrolldown:is(.color-success,.text-success) a,
.content-quote-box.icon-success blockquote::before {
  color: #198754;
}

:is(.color-info,.text-info),
.icon-info i,
i.icon-info,
.content-teaser-image .scrolldown:is(.color-info,.text-info) a,
.content-quote-box.icon-info blockquote::before {
  color: #0dcaf0;
}

:is(.color-warning,.text-warning),
.icon-warning i,
i.icon-warning,
.content-teaser-image .scrolldown:is(.color-warning,.text-warning) a,
.content-quote-box.icon-warning blockquote::before {
  color: #ffc107;
}

:is(.color-danger,.text-danger),
.icon-danger i,
i.icon-danger,
.content-teaser-image .scrolldown:is(.color-danger,.text-danger) a,
.content-quote-box.icon-danger blockquote::before,
span.mandatory {
  color: #dc3545;
}

:is(.color-primary,.text-primary),
a,
button.button-link,
.button-link p.button a,
.button-link button.submit,
.content-toplink.button-link a,
button.button-bracket-link,
.button-bracket-link p.button a,
.button-bracket-link button.submit,
.content-toplink.button-bracket-link a,
.icon-primary i,
i.icon-primary,
.content-teaser-image .scrolldown:is(.color-primary,.text-primary) a,
.content-quote-box.icon-primary blockquote::before ,


.color-primary,
a,
button.btn-link,
p:has(>a.btn.btn-link) a,
button.submit.btn-link,
.content-toplink a.btn-link,
button.btn-link.btn-bracket,
p:has(>a.btn.btn-link.btn-bracket) a,
button.submit.btn-link.btn-bracket,
.content-toplink a.btn-link.btn-bracket,
.icon-primary i,
i.icon-primary,
.content-teaser-image .scrolldown.color-primary a,
.content-quote-box.icon-primary blockquote::before {
  color: #0d6efd;
}

:is(.color-secondary,.text-secondary),
#nav-breadcrumb ul li,
#nav-breadcrumb ul li + li::before,
blockquote footer,
.icon-secondary i,
i.icon-secondary,
.content-download .size,
.content-downloads .size,
.content-price-table .price-info,
.content-price-table .services-list .item.deactivate,
.content-teaser-image .scrolldown:is(.color-secondary,.text-secondary) a,
.content-quote-box.icon-secondary blockquote::before,
.mod_search .relevance {
  color: #6c757d;
}

.content-price-table.bg-dark .price-info,
.content-price-table.bg-dark .services-list .item.deactivate,
.content-price-table.bg-black .price-info,
.content-price-table.bg-black .services-list .item.deactivate {
  color: #ced4da;
}

:is(.notice-box-light,.alert-light) {
  color: #53585e;
}

:is(.notice-box-dark,.alert-dark) {
  color: #e4e4e4;
}

:is(.notice-box-success,.alert-success),
.ce_comments .tl_confirm,
.mod_changePassword p.tl_confirm,
.mod_lostPassword p.confirm,
.mod_personalData p.tl_confirm,
.mod_registration p.confirm,
.mod_subscribe p.confirm {
  color: #155724;
}

:is(.notice-box-info,.alert-info),
.mod_search .info {
  color: #0c5460;
}

:is(.notice-box-warning,.alert-warning) {
  color: #856404;
}

:is(.notice-box-danger,.alert-danger),
.mod_changePassword p.error,
.mod_login .error,
.mod_lostPassword p.error,
.mod_registration p.error,
.mod_subscribe p.error,
.mod_unsubscribe p.error {
  color: #721c24;
}

:is(.notice-box-primary,.alert-primary),
a:hover,
button.button-link:hover,
.button-link p.button a:hover,
.button-link button.submit:hover,
.content-toplink.button-link a:hover,
button.button-bracket-link:hover,
.button-bracket-link p.button a:hover,
.button-bracket-link button.submit:hover,
.content-toplink.button-bracket-link a:hover ,


.notice-box-primary,
a:hover,
button.btn-link:hover,
p:has(>a.btn.btn-link) a:hover,
button.submit.btn-link:hover,
.content-toplink a.btn-link:hover,
button.btn-link.btn-bracket:hover,
p:has(>a.btn.btn-link.btn-bracket) a:hover,
button.submit.btn-link.btn-bracket:hover,
.content-toplink a.btn-link.btn-bracket:hover {
  color: #004085;
}

:is(.notice-box-secondary,.alert-secondary),
:is(.notice-box-secondary-light,.alert-secondary-light),
.mod_search .header {
  color: #383d41;
}

mark {
  background: #ffff00;
}

:is(.bg-white,.bg-body),
button.button-default,
.button-default p.button,
.button-default button.submit,
.content-toplink.button-default,
.content-notice-box:is(.notice-box-white,.alert-white),
.bg-icon-white i,
.bg-icon-white svg,
#nav-main ul.level_2,
#nav-main ul.level_4,
.nav-sub ul.level_1,
.nav-sub ul.level_3,
.content-download::before,
.content-downloads::before,
.content-text hr:is(.bg-white,.bg-body),
.content-text-image-tile .box-img.arrow::before,
.content-text-image-tile:is(.bg-white,.bg-body) .box-img.arrow::before,
.content-timeline.timeline-white::before,
.content-timeline.timeline-white .box-text::before,
.content-timeline .box-date::before,
.content-timeline.bg-icon-white .box-date::before,
.content-quote-box.quote-box-3 blockquote::before,
.content-quote-box.quote-box-3.bg-icon-white blockquote::before,
.layout_latest,
.switch-dark-mode .slider::before ,


.bg-white,
button.btn-outline-secondary,
p:has(>a.btn.btn-outline-secondary),
button.submit.btn-outline-secondary,
.content-toplink.button-default,
.content-notice-box.notice-box-white,
.bg-icon-white i,
.bg-icon-white svg,
#nav-main ul.level_2,
#nav-main ul.level_4,
.nav-sub ul.level_1,
.nav-sub ul.level_3,
.content-download::before,
.content-downloads::before,
.content-text hr.bg-white,
.content-text-image-tile .box-img.arrow::before,
.content-text-image-tile.bg-white .box-img.arrow::before,
.content-timeline.timeline-white::before,
.content-timeline.timeline-white .box-text::before,
.content-timeline .box-date::before,
.content-timeline.bg-icon-white .box-date::before,
.content-quote-box.quote-box-3 blockquote::before,
.content-quote-box.quote-box-3.bg-icon-white blockquote::before,
.layout_latest,
.switch-dark-mode .slider::before {
  background: #fff;
}

#nav-main ul.level_3,
.nav-sub ul.level_2,
#nav-breadcrumb ul,
.filter_reset,
.content-code code.hljs,
.content-filter-wrapper .filter-controls li,
.content-gallery figcaption,
.content-notice-box:is(.notice-box-light,.alert-light),
.content-notice-box:is(.notice-box-secondary-light,.alert-secondary-light),
.bg-icon-light i,
.bg-icon-light svg,
.content-accordion .handorgel__header button,
.content-image figcaption,
.content-tabs.tabs-1 > label,
.content-text hr,
.content-text hr:is(.bg-light,.bg-body-tertiary),
.content-text pre,
.content-text-image-tile:is(.bg-light,.bg-body-tertiary) .box-img.arrow::before,
.content-timeline.bg-icon-light .box-date::before,
.content-timeline.timeline-light::before,
.content-timeline.timeline-light .box-text::before,
.content-quote-box.quote-box-3.bg-icon-light blockquote::before,
.mod_calendar .calendar-head .label,
.mod_calendar .calendar-body > div > div .label,
nav[data-pagination] ol li a:hover,
.pagination ul li a:hover,
tfoot td,
th {
  background: #e9ecef;
}

/* Die light-Variante folgt Bootstrap 5.3 (#f8f9fa). Die Chrome-Flaechen oben
   (Tabellenkopf, Tabs, Akkordeon, pre, Nav-Dropdowns, Pagination-Hover) bleiben auf
   #e9ecef: das ist Bootstraps $gray-200 und wuerde als #f8f9fa auf weissem Grund
   praktisch verschwinden. */
:is(.bg-light,.bg-body-tertiary),
.content-notice-box:is(.notice-box-light,.alert-light),
.content-notice-box:is(.notice-box-secondary-light,.alert-secondary-light),
.bg-icon-light i,
.bg-icon-light svg,
.content-text hr:is(.bg-light,.bg-body-tertiary),
.content-text-image-tile:is(.bg-light,.bg-body-tertiary) .box-img.arrow::before,
.content-timeline.bg-icon-light .box-date::before,
.content-timeline.timeline-light::before,
.content-timeline.timeline-light .box-text::before,
.content-quote-box.quote-box-3.bg-icon-light blockquote::before {
  background: #f8f9fa;
}

.bg-dark,
.content-notice-box:is(.notice-box-dark,.alert-dark),
.bg-icon-dark i,
.bg-icon-dark svg,
.content-text abbr[title]:hover::before,
.content-text hr.bg-dark,
.content-text kbd,
.content-text-image-tile.bg-dark .box-img.arrow::before,
.content-timeline.bg-icon-dark .box-date::before,
.content-timeline::before,
.content-timeline .box-text::before,
.content-timeline.timeline-dark::before,
.content-timeline.timeline-dark .box-text::before,
.content-quote-box.quote-box-3.bg-icon-dark blockquote::before,
.mod_calendar .calendar-body > div > div.today .label,
.switch-dark-mode .slider {
  background: #212529;
}

.bg-black,
.content-notice-box:is(.notice-box-black,.alert-black),
.bg-icon-black i,
.bg-icon-black svg,
#colorbox #cboxClose::after,
#colorbox #cboxPrevious::after,
#colorbox #cboxNext::after,
#colorbox #cboxTitle,
.content-text hr.bg-black,
.content-text-image-tile.bg-black .box-img.arrow::before,
.content-timeline.bg-icon-black .box-date::before,
.content-timeline.timeline-black::before,
.content-timeline.timeline-black .box-text::before,
.content-quote-box.quote-box-3.bg-icon-black blockquote::before {
  background: #000;
}

.bg-success,
.bg-icon-success i,
.bg-icon-success svg,
.content-text hr.bg-success,
.content-text-image-tile.bg-success .box-img.arrow::before,
.content-timeline.bg-icon-success .box-date::before,
.content-timeline.timeline-success::before,
.content-timeline.timeline-success .box-text::before,
.content-quote-box.quote-box-3.bg-icon-success blockquote::before {
  background: #198754;
}

.bg-info,
.bg-icon-info i,
.bg-icon-info svg,
.content-text hr.bg-info,
.content-text-image-tile.bg-info .box-img.arrow::before,
.content-timeline.bg-icon-info .box-date::before,
.content-timeline.timeline-info::before,
.content-timeline.timeline-info .box-text::before,
.content-quote-box.quote-box-3.bg-icon-info blockquote::before {
  background: #0dcaf0;
}

.bg-warning,
.bg-icon-warning i,
.bg-icon-warning svg,
.content-text hr.bg-warning,
.content-text-image-tile.bg-warning .box-img.arrow::before,
.content-timeline.bg-icon-warning .box-date::before,
.content-timeline.timeline-warning::before,
.content-timeline.timeline-warning .box-text::before,
.content-quote-box.quote-box-3.bg-icon-warning blockquote::before {
  background: #ffc107;
}

.bg-danger,
.bg-icon-danger i,
.bg-icon-danger svg,
.content-text hr.bg-danger,
.content-text-image-tile.bg-danger .box-img.arrow::before,
.content-timeline.bg-icon-danger .box-date::before,
.content-timeline.timeline-danger::before,
.content-timeline.timeline-danger .box-text::before,
.content-quote-box.quote-box-3.bg-icon-danger blockquote::before {
  background: #dc3545;
}

.bg-primary,
.bg-icon-primary i,
.bg-icon-primary svg,
.content-text hr.bg-primary,
.content-text-image-tile.bg-primary .box-img.arrow::before,
.content-timeline.bg-icon-primary .box-date::before,
.content-timeline.timeline-primary::before,
.content-timeline.timeline-primary .box-text::before,
.content-quote-box.quote-box-3.bg-icon-primary blockquote::before,
nav[data-pagination] ol li a.active,
nav[data-pagination] ul li a.active,
nav[data-pagination] ol li strong,
nav[data-pagination] ul li strong,
.pagination ul li strong,
.switch-dark-mode input:checked + .slider,
[data-bs-theme=dark] .switch-dark-mode input + .slider {
  background: #0d6efd;
}

.bg-secondary,
.bg-icon-secondary i,
.bg-icon-secondary svg,
.content-text hr.bg-secondary,
.content-text-image-tile.bg-secondary .box-img.arrow::before,
.content-timeline.bg-icon-secondary .box-date::before,
.content-timeline.timeline-secondary::before,
.content-timeline.timeline-secondary .box-text::before,
.content-quote-box.quote-box-3.bg-icon-secondary blockquote::before {
  background: #6c757d;
}

/* Variante 3: das Anfuehrungszeichen (::before) sitzt AUF der horizontalen Linie
   (= border-color des blockquote). Seine Schriftfarbe muss deshalb der jeweils
   gewaehlten Linienfarbe folgen, sonst driften Glyph und Linie farblich auseinander.
   Ohne border-* bleibt die Basisfarbe #e9ecef, die zur Standard-Linie passt. */
.content-quote-box.quote-box-3.border-white blockquote::before {
  color: #fff;
}

.content-quote-box.quote-box-3.border-light blockquote::before {
  color: #f8f9fa;
}

.content-quote-box.quote-box-3.border-dark blockquote::before {
  color: #212529;
}

.content-quote-box.quote-box-3.border-black blockquote::before {
  color: #000;
}

.content-quote-box.quote-box-3.border-success blockquote::before {
  color: #198754;
}

.content-quote-box.quote-box-3.border-info blockquote::before {
  color: #0dcaf0;
}

.content-quote-box.quote-box-3.border-warning blockquote::before {
  color: #ffc107;
}

.content-quote-box.quote-box-3.border-danger blockquote::before {
  color: #dc3545;
}

.content-quote-box.quote-box-3.border-primary blockquote::before {
  color: #0d6efd;
}

.content-quote-box.quote-box-3.border-secondary blockquote::before {
  color: #6c757d;
}

.content-quote-box.quote-box-3 blockquote {
  --tu-q3-line: #e9ecef;
  background-image: linear-gradient(to right, var(--tu-q3-line) 0 calc(50% - 28px), transparent calc(50% - 28px) calc(50% + 28px), var(--tu-q3-line) calc(50% + 28px) 100%);
  background-position: top;
  background-repeat: no-repeat;
  background-size: 100% 3px;
  border-top: 0;
}

.content-quote-box.quote-box-3.border-white blockquote {
  --tu-q3-line: #fff;
}

.content-quote-box.quote-box-3.border-light blockquote {
  --tu-q3-line: #f8f9fa;
}

.content-quote-box.quote-box-3.border-dark blockquote {
  --tu-q3-line: #212529;
}

.content-quote-box.quote-box-3.border-black blockquote {
  --tu-q3-line: #000;
}

.content-quote-box.quote-box-3.border-success blockquote {
  --tu-q3-line: #198754;
}

.content-quote-box.quote-box-3.border-info blockquote {
  --tu-q3-line: #0dcaf0;
}

.content-quote-box.quote-box-3.border-warning blockquote {
  --tu-q3-line: #ffc107;
}

.content-quote-box.quote-box-3.border-danger blockquote {
  --tu-q3-line: #dc3545;
}

.content-quote-box.quote-box-3.border-primary blockquote {
  --tu-q3-line: #0d6efd;
}

.content-quote-box.quote-box-3.border-secondary blockquote {
  --tu-q3-line: #6c757d;
}

.content-quote-box.quote-box-3:not([class*=bg-icon]) blockquote::before {
  background: transparent;
}

.content-timeline::before {
  --tu-timeline-gap-start: var(--tu-timeline-node-top);
  --tu-timeline-gap-end: calc(var(--tu-timeline-node-top) + var(--tu-timeline-node-size));
  -webkit-mask-image: linear-gradient(to bottom, #000 0 var(--tu-timeline-gap-start), transparent var(--tu-timeline-gap-start) var(--tu-timeline-gap-end), #000 var(--tu-timeline-gap-end) 100%);
  mask-image: linear-gradient(to bottom, #000 0 var(--tu-timeline-gap-start), transparent var(--tu-timeline-gap-start) var(--tu-timeline-gap-end), #000 var(--tu-timeline-gap-end) 100%);
}

.content-timeline .box-date::before {
  background: transparent !important;
}

.content-timeline {
  --tu-timeline-connector-gap: calc(var(--tu-timeline-node-inner-size) / 2 + var(--tu-timeline-node-border) + 3px) !important;
}

.content-timeline .box-text::before {
  width: calc(var(--tu-timeline-connector-width) - var(--tu-timeline-connector-gap)) !important;
}

.content-timeline.changelog .box-text::before {
  left: 0 !important;
  right: 0 !important;
  width: var(--tu-timeline-connector-width) !important;
}

.content-notice-box:is(.notice-box-success,.alert-success),
.ce_comments .tl_confirm,
.mod_changePassword p.tl_confirm,
.mod_lostPassword p.confirm,
.mod_personalData p.tl_confirm,
.mod_registration p.confirm,
.mod_subscribe p.confirm {
  background: #d4edda;
}

.content-notice-box:is(.notice-box-info,.alert-info),
.mod_search .info {
  background: #d1ecf1;
}

.content-notice-box:is(.notice-box-warning,.alert-warning) {
  background: #fff3cd;
}

.content-notice-box:is(.notice-box-danger,.alert-danger),
.mod_changePassword p.error,
.mod_login .error,
.mod_lostPassword p.error,
.mod_registration p.error,
.mod_subscribe p.error,
.mod_unsubscribe p.error {
  background: #f8d7da;
}

.content-notice-box:is(.notice-box-primary,.alert-primary) {
  background: #cce5ff;
}

.content-notice-box:is(.notice-box-secondary,.alert-secondary),
.mod_search .header {
  background: #e2e3e5;
}

button.button-default:hover,
.button-default p.button:hover,
.button-default button.submit:hover,
.content-accordion .handorgel__header button:hover,
.content-filter-wrapper .filter-controls li:hover,
.content-filter-wrapper .filter-controls li.is-active,
.content-toplink.button-default:hover,
.content-tabs.tabs-1 > label:hover ,


button.btn-outline-secondary:hover,
p:has(>a.btn.btn-outline-secondary):hover,
button.submit.btn-outline-secondary:hover,
.content-accordion .handorgel__header button:hover,
.content-filter-wrapper .filter-controls li:hover,
.content-filter-wrapper .filter-controls li.is-active,
.content-toplink.button-default:hover,
.content-tabs.tabs-1 > label:hover {
  background: #e6e6e6;
}

@media screen and (max-width: 779px) {
  #nav-main,
  #nav-main ul.level_3 {
    background: #fff;
  }
  #nav-main ul.level_2,
  #nav-main ul.level_4 {
    background: #e9ecef;
  }
}
.border-default,
button.button-default,
.button-default p.button,
.button-default button.submit,
.content-toplink.button-default,
th, td,
input,
textarea,
select,
.content-accordion .handorgel__header button,
.content-code code,
.content-filter-wrapper .filter-controls li,
.content-gallery a img,
.content-gallery figcaption,
.content-notice-box .border-default i,
.content-notice-box .border-default svg,
.content-icon-box .border-default i,
.content-icon-box .border-default svg,
.content-tabs.tabs-1 > label,
.content-team-box.border-default,
.content-team-box .border-default img,
.content-text pre,
.content-quote-box .border-default img,
.mod_calendar .calendar-head .label,
.mod_calendar .calendar-body > div > div,
nav[data-pagination] ol li a,
nav[data-pagination] ul li a,
nav[data-pagination] ol li strong,
nav[data-pagination] ul li strong,
.pagination ul li a ,

.border-default,
button.btn-outline-secondary,
p:has(>a.btn.btn-outline-secondary),
button.submit.btn-outline-secondary,
.content-toplink.button-default,
th, td,
input,
textarea,
select,
.content-accordion .handorgel__header button,
.content-code code,
.content-filter-wrapper .filter-controls li,
.content-gallery a img,
.content-gallery figcaption,
.content-notice-box .border-default i,
.content-notice-box .border-default svg,
.content-icon-box .border-default i,
.content-icon-box .border-default svg,
.content-tabs.tabs-1 > label,
.content-team-box.border-default,
.content-team-box .border-default img,
.content-text pre,
.content-quote-box .border-default img,
.mod_calendar .calendar-head .label,
.mod_calendar .calendar-body > div > div,
nav[data-pagination] ol li a,
nav[data-pagination] ul li a,
nav[data-pagination] ol li strong,
nav[data-pagination] ul li strong,
.pagination ul li a {
  border-color: #ccc;
}

.border-white,
.content-notice-box .border-white i,
.content-notice-box .border-white svg,
.content-icon-box .border-white i,
.content-icon-box .border-white svg,
.content-team-box.border-white,
.content-team-box .border-white img,
.content-timeline.icon-white .box-date::after,
.content-quote-box .border-white img,
.content-quote-box.border-white blockquote {
  border-color: #fff;
}

.border-light,
.ce_comments .reply,
.content-notice-box:is(.notice-box-light,.alert-light),
.content-notice-box .border-light i,
.content-notice-box .border-light svg,
.content-icon-box .border-light i,
.content-icon-box .border-light svg,
.content-team-box.border-light,
.content-team-box .border-light img,
.content-timeline.icon-light .box-date::after,
.content-quote-box .border-light img,
.content-quote-box.border-light blockquote,
.content-download,
.content-downloads,
.content-download::before,
.content-downloads::before,
blockquote {
  border-color: #f8f9fa;
}

.border-dark,
.content-notice-box:is(.notice-box-white,.alert-white),
.content-notice-box:is(.notice-box-dark,.alert-dark),
.content-notice-box .border-dark i,
.content-notice-box .border-dark svg,
.content-icon-box .border-dark i,
.content-icon-box .border-dark svg,
.content-team-box.border-dark,
.content-team-box .border-dark img,
.content-timeline.icon-dark .box-date::after,
.content-timeline .box-date::after,
.content-quote-box .border-dark img,
.content-quote-box.border-dark blockquote {
  border-color: #212529;
}

.border-black,
.content-notice-box:is(.notice-box-black,.alert-black),
.content-notice-box .border-black i,
.content-notice-box .border-black svg,
.content-icon-box .border-black i,
.content-icon-box .border-black svg,
.content-team-box.border-black,
.content-team-box .border-black img,
.content-timeline.icon-black .box-date::after,
.content-quote-box .border-black img,
.content-quote-box.border-black blockquote {
  border-color: #000;
}

.border-success,
.content-notice-box .border-success i,
.content-notice-box .border-success svg,
.content-icon-box .border-success i,
.content-icon-box .border-success svg,
.content-team-box.border-success,
.content-team-box .border-success img,
.content-timeline.icon-success .box-date::after,
.content-quote-box .border-success img,
.content-quote-box.border-success blockquote {
  border-color: #198754;
}

.border-info,
.content-notice-box .border-info i,
.content-notice-box .border-info svg,
.content-icon-box .border-info i,
.content-icon-box .border-info svg,
.content-team-box.border-info,
.content-team-box .border-info img,
.content-timeline.icon-info .box-date::after,
.content-quote-box .border-info img,
.content-quote-box.border-info blockquote {
  border-color: #0dcaf0;
}

.border-warning,
.content-notice-box .border-warning i,
.content-notice-box .border-warning svg,
.content-icon-box .border-warning i,
.content-icon-box .border-warning svg,
.content-team-box.border-warning,
.content-team-box .border-warning img,
.content-timeline.icon-warning .box-date::after,
.content-quote-box .border-warning img,
.content-quote-box.border-warning blockquote {
  border-color: #ffc107;
}

.border-danger,
.content-notice-box .border-danger i,
.content-notice-box .border-danger svg,
.content-icon-box .border-danger i,
.content-icon-box .border-danger svg,
.content-team-box.border-danger,
.content-team-box .border-danger img,
.content-timeline.icon-danger .box-date::after,
.content-quote-box .border-danger img,
.content-quote-box.border-danger blockquote {
  border-color: #dc3545;
}

.border-primary,
div .border-primary i,
div .border-primary svg,
.content-team-box.border-primary,
.content-team-box .border-primary img,
.content-timeline.icon-primary .box-date::after,
.content-quote-box .border-primary img,
.content-quote-box.border-primary blockquote,
nav[data-pagination] ol li a.active,
nav[data-pagination] ul li a.active,
nav[data-pagination] ol li strong,
nav[data-pagination] ul li strong,
.pagination ul li strong {
  border-color: #0d6efd;
}

.border-secondary,
.content-notice-box .border-secondary i,
.content-notice-box .border-secondary svg,
.content-icon-box .border-secondary i,
.content-icon-box .border-secondary svg,
.content-team-box.border-secondary,
.content-team-box .border-secondary img,
.content-timeline.icon-secondary .box-date::after,
.content-quote-box .border-secondary img,
.content-quote-box.border-secondary blockquote {
  border-color: #6c757d;
}

.content-notice-box:is(.notice-box-success,.alert-success),
.ce_comments .tl_confirm,
.mod_changePassword p.tl_confirm,
.mod_lostPassword p.confirm,
.mod_personalData p.tl_confirm,
.mod_registration p.confirm,
.mod_subscribe p.confirm {
  border-color: #c3e6cb;
}

.content-notice-box:is(.notice-box-info,.alert-info),
.mod_search .info {
  border-color: #bee5eb;
}

.content-notice-box:is(.notice-box-warning,.alert-warning) {
  border-color: #ffeeba;
}

.content-notice-box:is(.notice-box-danger,.alert-danger),
.mod_changePassword p.error,
.mod_login .error,
.mod_lostPassword p.error,
.mod_registration p.error,
.mod_subscribe p.error,
.mod_unsubscribe p.error {
  border-color: #f5c6cb;
}

.content-notice-box:is(.notice-box-primary,.alert-primary),
input:focus,
textarea:focus {
  border-color: #b8daff;
}

.content-notice-box:is(.notice-box-secondary,.alert-secondary),
.content-notice-box:is(.notice-box-secondary-light,.alert-secondary-light),
.mod_search .header {
  border-color: #d6d8db;
}

button.button-default:hover,
.button-default p.button:hover,
.button-default button.submit:hover,
.content-toplink.button-default:hover ,


button.btn-outline-secondary:hover,
p:has(>a.btn.btn-outline-secondary):hover,
button.submit.btn-outline-secondary:hover,
.content-toplink.button-default:hover {
  border-color: #adadad;
}

.outline-default i,
.outline-default svg,
.outline-default span {
  outline-color: #ccc;
}

.outline-white i,
.outline-white svg,
.outline-white span {
  outline-color: #fff;
}

.outline-light i,
.outline-light svg,
.outline-light span {
  outline-color: #f8f9fa;
}

.outline-dark i,
.outline-dark svg,
.outline-dark span {
  outline-color: #212529;
}

.outline-black i,
.outline-black svg,
.outline-black span {
  outline-color: #000;
}

.outline-success i,
.outline-success svg,
.outline-success span {
  outline-color: #198754;
}

.outline-info i,
.outline-info svg,
.outline-info span {
  outline-color: #0dcaf0;
}

.outline-warning i,
.outline-warning svg,
.outline-warning span {
  outline-color: #ffc107;
}

.outline-danger i,
.outline-danger svg,
.outline-danger span {
  outline-color: #dc3545;
}

.outline-primary i,
.outline-primary svg,
.outline-primary span {
  outline-color: #0d6efd;
}

.outline-secondary i,
.outline-secondary svg,
.outline-secondary span {
  outline-color: #6c757d;
}

.contao-cookiebar .cc-inner {
  box-shadow: none;
}

input:hover,
textarea:hover,
input:focus,
textarea:focus {
  box-shadow: 0 0 2px #cce5ff;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

:is(.justify,.text-justify) {
  text-align: justify;
}

.vwrapper {
  display: table;
  height: 100%;
  width: 100%;
}

.vtop {
  display: table-cell;
  vertical-align: top;
}

.vcenter {
  display: table-cell;
  vertical-align: middle;
}

.vbottom {
  display: table-cell;
  vertical-align: bottom;
}

.media--left:not(.media),
.media--left figure {
  float: left;
}

.media--right:not(.media),
.media--right figure {
  float: right;
}

button,
p.button ,


button,
p:has(>a.btn) {
  background: transparent;
  border-color: transparent;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  margin: 7px 0;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}

button,
.button a ,


button,
p:has(>a.btn) a {
  display: block;
  padding: 0 12px;
}

button:hover,
.button:hover,
p.button:hover a ,


button:hover,
p:has(>a.btn):hover,
p:has(>a.btn):hover a {
  text-decoration: none !important;
}

button.button-link,
.button-link p.button,
.button-link p.button a,
.button-link button.submit,
.content-toplink.button-link a,
button.button-bracket-link,
.button-bracket-link p.button,
.button-bracket-link p.button a,
.button-bracket-link button.submit,
.content-toplink.button-bracket-link a ,


button.btn-link,
p:has(>a.btn.btn-link),
p:has(>a.btn.btn-link) a,
button.submit.btn-link,
.content-toplink a.btn-link,
button.btn-link.btn-bracket,
p:has(>a.btn.btn-link.btn-bracket),
p:has(>a.btn.btn-link.btn-bracket) a,
button.submit.btn-link.btn-bracket,
.content-toplink a.btn-link.btn-bracket {
  padding: 0;
}

button.button-link:hover,
.button-link p.button a:hover,
.button-link button.submit:hover,
.content-toplink.button-link a:hover,
button.button-bracket-link:hover,
.button-bracket-link p.button a:hover,
.button-bracket-link button.submit:hover,
.content-toplink.button-bracket-link a:hover ,


button.btn-link:hover,
p:has(>a.btn.btn-link) a:hover,
button.submit.btn-link:hover,
.content-toplink a.btn-link:hover,
button.btn-link.btn-bracket:hover,
p:has(>a.btn.btn-link.btn-bracket) a:hover,
button.submit.btn-link.btn-bracket:hover,
.content-toplink a.btn-link.btn-bracket:hover {
  text-decoration: underline !important;
}

button.button-bracket-link::before,
button.button-bracket-link::after,
.button-bracket-link p.button a::before,
.button-bracket-link p.button a::after,
.button-bracket-link button.submit::before,
.button-bracket-link button.submit::after,
.content-toplink.button-bracket-link a::before,
.content-toplink.button-bracket-link a::after,
a.bracket-link::before,
a.bracket-link::after ,


button.btn-link.btn-bracket::before,
button.btn-link.btn-bracket::after,
p:has(>a.btn.btn-link.btn-bracket) a::before,
p:has(>a.btn.btn-link.btn-bracket) a::after,
button.submit.btn-link.btn-bracket::before,
button.submit.btn-link.btn-bracket::after,
.content-toplink a.btn-link.btn-bracket::before,
.content-toplink a.btn-link.btn-bracket::after,
a.bracket-link::before,
a.bracket-link::after {
  content: "[";
  font-size: 125%;
}

button.button-bracket-link::after,
.button-bracket-link p.button a::after,
.button-bracket-link button.submit::after,
.content-toplink.button-bracket-link a::after,
a.bracket-link::after ,


button.btn-link.btn-bracket::after,
p:has(>a.btn.btn-link.btn-bracket) a::after,
button.submit.btn-link.btn-bracket::after,
.content-toplink a.btn-link.btn-bracket::after,
a.bracket-link::after {
  content: "]";
}

button.button-link,
button.button-bracket-link,
.button-link p.button,
.button-bracket-link p.button ,


button.btn-link,
button.btn-link.btn-bracket,
p:has(>a.btn.btn-link),
p:has(>a.btn.btn-link.btn-bracket) {
  height: auto;
}

input:not([type=radio]):not([type=checkbox]):not(.submit),
input:is([class*=grid-],[class*=col-]),
textarea,
select {
  border-style: solid;
  border-width: 1px;
  padding: 6px 12px;
  width: 100%;
}

input.text {
  height: 32px;
}

.radio_container span {
  display: block;
  margin: 7px 0;
}

.content-notice-box .icon:is(.circle,.rounded-circle) i,
.content-notice-box .icon:is(.circle,.rounded-circle) svg,
.content-icon-box .icon:is(.circle,.rounded-circle) i,
.content-icon-box .icon:is(.circle,.rounded-circle) svg,
.content-icon-box .icon:is(.circle,.rounded-circle) span,
.content-team-box :is(.circle,.rounded-circle) img,
.content-quote-box :is(.circle,.rounded-circle) img,
.quote-box-3 blockquote::before,
.content-timeline .box-date::before,
.content-timeline .box-date::after,
.switch-dark-mode .slider::before {
  border-radius: 100%;
}

.switch-dark-mode .slider {
  border-radius: 35px;
}

.content-count-up.border-style-solid,
.content-notice-box .border-style-solid i,
.content-notice-box .border-style-solid svg,
.content-icon-box.border-style-solid,
.content-icon-box .border-style-solid i,
.content-icon-box .border-style-solid svg,
.content-map .iframe[class*=border-].border-style-solid,
.content-team-box.border-style-solid,
.content-team-box .border-style-solid img,
.content-teaser-box[class*=border-]:not(.border-sm).border-style-solid,
.content-quote-box .border-style-solid img {
  border-style: solid;
}

.content-count-up.border-style-dotted,
.content-notice-box .border-style-dotted i,
.content-notice-box .border-style-dotted svg,
.content-icon-box.border-style-dotted,
.content-icon-box .border-style-dotted i,
.content-icon-box .border-style-dotted svg,
.content-map .iframe[class*=border-].border-style-dotted,
.content-team-box.border-style-dotted,
.content-team-box .border-style-dotted img,
.content-teaser-box[class*=border-]:not(.border-sm).border-style-dotted,
.content-quote-box .border-style-dotted img {
  border-style: dotted;
}

.content-count-up.border-style-dashed,
.content-notice-box .border-style-dashed i,
.content-notice-box .border-style-dashed svg,
.content-icon-box.border-style-dashed,
.content-icon-box .border-style-dashed i,
.content-icon-box .border-style-dashed svg,
.content-map .iframe[class*=border-].border-style-dashed,
.content-team-box.border-style-dashed,
.content-team-box .border-style-dashed img,
.content-teaser-box[class*=border-]:not(.border-sm).border-style-dashed,
.content-quote-box .border-style-dashed img {
  border-style: dashed;
}

.content-count-up.border-style-double,
.content-notice-box .border-style-double i,
.content-notice-box .border-style-double svg,
.content-icon-box.border-style-double,
.content-icon-box .border-style-double i,
.content-icon-box .border-style-double svg,
.content-map .iframe[class*=border-].border-style-double,
.content-team-box.border-style-double,
.content-team-box .border-style-double img,
.content-teaser-box[class*=border-]:not(.border-sm).border-style-double,
.content-quote-box .border-style-double img {
  border-style: double;
}

.content-count-up.border-width-1,
.content-notice-box .border-width-1 i,
.content-notice-box .border-width-1 svg,
.content-icon-box.border-width-1,
.content-icon-box .border-width-1 i,
.content-icon-box .border-width-1 svg,
.content-map .iframe[class*=border-].border-width-1,
.content-team-box.border-width-1,
.content-team-box .border-width-1 img,
.content-teaser-box[class*=border-]:not(.border-sm).border-width-1,
.content-quote-box .border-width-1 img {
  border-width: 1px;
}

.content-count-up.border-width-2,
.content-notice-box .border-width-2 i,
.content-notice-box .border-width-2 svg,
.content-icon-box.border-width-2,
.content-icon-box .border-width-2 i,
.content-icon-box .border-width-2 svg,
.content-map .iframe[class*=border-].border-width-2,
.content-team-box.border-width-2,
.content-team-box .border-width-2 img,
.content-teaser-box[class*=border-]:not(.border-sm).border-width-2,
.content-quote-box .border-width-2 img {
  border-width: 2px;
}

.content-count-up.border-width-3,
.content-notice-box .border-width-3 i,
.content-notice-box .border-width-3 svg,
.content-icon-box.border-width-3,
.content-icon-box .border-width-3 i,
.content-icon-box .border-width-3 svg,
.content-map .iframe[class*=border-].border-width-3,
.content-team-box.border-width-3,
.content-team-box .border-width-3 img,
.content-teaser-box[class*=border-]:not(.border-sm).border-width-3,
.content-quote-box .border-width-3 img {
  border-width: 3px;
}

.content-count-up.border-width-5,
.content-notice-box .border-width-5 i,
.content-notice-box .border-width-5 svg,
.content-icon-box.border-width-5,
.content-icon-box .border-width-5 i,
.content-icon-box .border-width-5 svg,
.content-map .iframe[class*=border-].border-width-5,
.content-team-box.border-width-5,
.content-team-box .border-width-5 img,
.content-teaser-box[class*=border-]:not(.border-sm).border-width-5,
.content-quote-box .border-width-5 img {
  border-width: 5px;
}

.content-count-up.border-width-7,
.content-notice-box .border-width-7 i,
.content-notice-box .border-width-7 svg,
.content-icon-box.border-width-7,
.content-icon-box .border-width-7 i,
.content-icon-box .border-width-7 svg,
.content-map .iframe[class*=border-].border-width-7,
.content-team-box.border-width-7,
.content-team-box .border-width-7 img,
.content-teaser-box[class*=border-]:not(.border-sm).border-width-7,
.content-quote-box .border-width-7 img {
  border-width: 7px;
}

.content-count-up.border-width-9,
.content-notice-box .border-width-9 i,
.content-notice-box .border-width-9 svg,
.content-icon-box.border-width-9,
.content-icon-box .border-width-9 i,
.content-icon-box .border-width-9 svg,
.content-map .iframe[class*=border-].border-width-9,
.content-team-box.border-width-9,
.content-team-box .border-width-9 img,
.content-teaser-box[class*=border-]:not(.border-sm).border-width-9,
.content-quote-box .border-width-9 img {
  border-width: 9px;
}

.content-count-up.border-width-14,
.content-notice-box .border-width-14 i,
.content-notice-box .border-width-14 svg,
.content-icon-box.border-width-14,
.content-icon-box .border-width-14 i,
.content-icon-box .border-width-14 svg,
.content-map .iframe[class*=border-].border-width-14,
.content-team-box.border-width-14,
.content-team-box .border-width-14 img,
.content-teaser-box[class*=border-]:not(.border-sm).border-width-14,
.content-quote-box .border-width-14 img {
  border-width: 14px;
}

.content-count-up.border-width-21,
.content-notice-box .border-width-21 i,
.content-notice-box .border-width-21 svg,
.content-icon-box.border-width-21,
.content-icon-box .border-width-21 i,
.content-icon-box .border-width-21 svg,
.content-map .iframe[class*=border-].border-width-21,
.content-team-box.border-width-21,
.content-team-box .border-width-21 img,
.content-teaser-box[class*=border-]:not(.border-sm).border-width-21,
.content-quote-box .border-width-21 img {
  border-width: 21px;
}

.content-count-up.border-width-28,
.content-notice-box .border-width-28 i,
.content-notice-box .border-width-28 svg,
.content-icon-box.border-width-28,
.content-icon-box .border-width-28 i,
.content-icon-box .border-width-28 svg,
.content-map .iframe[class*=border-].border-width-28,
.content-team-box.border-width-28,
.content-team-box .border-width-28 img,
.content-teaser-box[class*=border-]:not(.border-sm).border-width-28,
.content-quote-box .border-width-28 img {
  border-width: 28px;
}

@media screen and (max-width: 779px) {
  .content-teaser-box[class*=border-].border-sm.border-style-solid {
    border-style: solid;
  }
  .content-teaser-box[class*=border-].border-sm.border-style-dotted {
    border-style: dotted;
  }
  .content-teaser-box[class*=border-].border-sm.border-style-dashed {
    border-style: dashed;
  }
  .content-teaser-box[class*=border-].border-sm.border-style-double {
    border-style: double;
  }
  .content-teaser-box[class*=border-].border-sm.border-width-1 {
    border-width: 1px;
  }
  .content-teaser-box[class*=border-].border-sm.border-width-2 {
    border-width: 2px;
  }
  .content-teaser-box[class*=border-].border-sm.border-width-3 {
    border-width: 3px;
  }
  .content-teaser-box[class*=border-].border-sm.border-width-5 {
    border-width: 5px;
  }
  .content-teaser-box[class*=border-].border-sm.border-width-7 {
    border-width: 7px;
  }
  .content-teaser-box[class*=border-].border-sm.border-width-9 {
    border-width: 9px;
  }
  .content-teaser-box[class*=border-].border-sm.border-width-14 {
    border-width: 14px;
  }
  .content-teaser-box[class*=border-].border-sm.border-width-21 {
    border-width: 21px;
  }
  .content-teaser-box[class*=border-].border-sm.border-width-28 {
    border-width: 28px;
  }
}
.content-notice-box .outline-style-solid i,
.content-notice-box .outline-style-solid svg,
.content-icon-box .outline-style-solid i,
.content-icon-box .outline-style-solid svg,
.content-icon-box .outline-style-solid span {
  outline-style: solid;
}

.content-notice-box .outline-style-dotted i,
.content-notice-box .outline-style-dotted svg,
.content-icon-box .outline-style-dotted i,
.content-icon-box .outline-style-dotted svg,
.content-icon-box .outline-style-dotted span {
  outline-style: dotted;
}

.content-notice-box .outline-style-dashed i,
.content-notice-box .outline-style-dashed svg,
.content-icon-box .outline-style-dashed i,
.content-icon-box .outline-style-dashed svg,
.content-icon-box .outline-style-dashed span {
  outline-style: dashed;
}

.content-notice-box .outline-style-double i,
.content-notice-box .outline-style-double svg,
.content-icon-box .outline-style-double i,
.content-icon-box .outline-style-double svg,
.content-icon-box .outline-style-double span {
  outline-style: double;
}

.content-notice-box .outline-width-1 i,
.content-notice-box .outline-width-1 svg,
.content-icon-box .outline-width-1 i,
.content-icon-box .outline-width-1 svg,
.content-icon-box .outline-width-1 span {
  outline-width: 1px;
}

.content-notice-box .outline-width-2 i,
.content-notice-box .outline-width-2 svg,
.content-icon-box .outline-width-2 i,
.content-icon-box .outline-width-2 svg,
.content-icon-box .outline-width-2 span {
  outline-width: 2px;
}

.content-notice-box .outline-width-3 i,
.content-notice-box .outline-width-3 svg,
.content-icon-box .outline-width-3 i,
.content-icon-box .outline-width-3 svg,
.content-icon-box .outline-width-3 span {
  outline-width: 3px;
}

.content-notice-box .outline-width-5 i,
.content-notice-box .outline-width-5 svg,
.content-icon-box .outline-width-5 i,
.content-icon-box .outline-width-5 svg,
.content-icon-box .outline-width-5 span {
  outline-width: 5px;
}

.content-notice-box .outline-width-7 i,
.content-notice-box .outline-width-7 svg,
.content-icon-box .outline-width-7 i,
.content-icon-box .outline-width-7 svg,
.content-icon-box .outline-width-7 span {
  outline-width: 7px;
}

.content-notice-box .outline-width-9 i,
.content-notice-box .outline-width-9 svg,
.content-icon-box .outline-width-9 i,
.content-icon-box .outline-width-9 svg,
.content-icon-box .outline-width-9 span {
  outline-width: 9px;
}

.content-notice-box .outline-width-14 i,
.content-notice-box .outline-width-14 svg,
.content-icon-box .outline-width-14 i,
.content-icon-box .outline-width-14 svg,
.content-icon-box .outline-width-14 span {
  outline-width: 14px;
}

.content-notice-box .outline-width-21 i,
.content-notice-box .outline-width-21 svg,
.content-icon-box .outline-width-21 i,
.content-icon-box .outline-width-21 svg,
.content-icon-box .outline-width-21 span {
  outline-width: 21px;
}

.content-notice-box .outline-width-28 i,
.content-notice-box .outline-width-28 svg,
.content-icon-box .outline-width-28 i,
.content-icon-box .outline-width-28 svg,
.content-icon-box .outline-width-28 span {
  outline-width: 28px;
}

.opacity-5 {
  opacity: 0.05;
  filter: alpha(opacity=5);
}

.opacity-10 {
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.opacity-15 {
  opacity: 0.15;
  filter: alpha(opacity=15);
}

.opacity-25 {
  opacity: 0.25;
  filter: alpha(opacity=25);
}

.opacity-35 {
  opacity: 0.35;
  filter: alpha(opacity=35);
}

.opacity-50 {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.opacity-65 {
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.opacity-75 {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.opacity-85 {
  opacity: 0.85;
  filter: alpha(opacity=85);
}

.opacity-95 {
  opacity: 0.95;
  filter: alpha(opacity=90);
}

.opacity-after-5::after {
  opacity: 0.05;
  filter: alpha(opacity=5);
}

.opacity-after-10::after {
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.opacity-after-15::after {
  opacity: 0.15;
  filter: alpha(opacity=15);
}

.opacity-after-25::after {
  opacity: 0.25;
  filter: alpha(opacity=25);
}

.opacity-after-35::after {
  opacity: 0.35;
  filter: alpha(opacity=35);
}

.opacity-after-50::after {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.opacity-after-65::after {
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.opacity-after-75::after {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.opacity-after-85::after {
  opacity: 0.85;
  filter: alpha(opacity=85);
}

.opacity-after-95::after {
  opacity: 0.95;
  filter: alpha(opacity=95);
}

.overlay::after {
  background-repeat: repeat;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.overlay-01::after {
  background: url(/bundles/themeultimate/img/overlays/01.webp);
}

.overlay-02::after {
  background: url(/bundles/themeultimate/img/overlays/02.webp);
}

.overlay-03::after {
  background: url(/bundles/themeultimate/img/overlays/03.webp);
}

.overlay-04::after {
  background: url(/bundles/themeultimate/img/overlays/04.webp);
}

.overlay-05::after {
  background: url(/bundles/themeultimate/img/overlays/05.webp);
}

.overlay-06::after {
  background: url(/bundles/themeultimate/img/overlays/06.webp);
}

.overlay-07::after {
  background: url(/bundles/themeultimate/img/overlays/07.webp);
}

.overlay-08::after {
  background: url(/bundles/themeultimate/img/overlays/08.webp);
}

.overlay-09::after {
  background: url(/bundles/themeultimate/img/overlays/09.webp);
}

.overlay-white::after {
  background: url(/bundles/themeultimate/img/overlays/white.webp);
}

.overlay-grey::after {
  background: url(/bundles/themeultimate/img/overlays/grey.webp);
}

.overlay-black::after {
  background: url(/bundles/themeultimate/img/overlays/black.webp);
}

.overlay-red::after {
  background: url(/bundles/themeultimate/img/overlays/red.webp);
}

.overlay-darkred::after {
  background: url(/bundles/themeultimate/img/overlays/darkred.webp);
}

.overlay-green::after {
  background: url(/bundles/themeultimate/img/overlays/green.webp);
}

.overlay-darkgreen::after {
  background: url(/bundles/themeultimate/img/overlays/darkgreen.webp);
}

.overlay-blue::after {
  background: url(/bundles/themeultimate/img/overlays/blue.webp);
}

.overlay-darkblue::after {
  background: url(/bundles/themeultimate/img/overlays/darkblue.webp);
}

.overlay-cyan::after {
  background: url(/bundles/themeultimate/img/overlays/cyan.webp);
}

.overlay-darkcyan::after {
  background: url(/bundles/themeultimate/img/overlays/darkcyan.webp);
}

.overlay-magenta::after {
  background: url(/bundles/themeultimate/img/overlays/magenta.webp);
}

.overlay-darkmagenta::after {
  background: url(/bundles/themeultimate/img/overlays/darkmagenta.webp);
}

.overlay-yellow::after {
  background: url(/bundles/themeultimate/img/overlays/yellow.webp);
}

.overlay-darkyellow::after {
  background: url(/bundles/themeultimate/img/overlays/darkyellow.webp);
}

.overlay-bluegreen::after {
  background: url(/bundles/themeultimate/img/overlays/bluegreen.webp);
}

.overlay-skyblue::after {
  background: url(/bundles/themeultimate/img/overlays/skyblue.webp);
}

.overlay-purple::after {
  background: url(/bundles/themeultimate/img/overlays/purple.webp);
}

.overlay-rose::after {
  background: url(/bundles/themeultimate/img/overlays/rose.webp);
}

.overlay-orange::after {
  background: url(/bundles/themeultimate/img/overlays/orange.webp);
}

.overlay-yellowgreen::after {
  background: url(/bundles/themeultimate/img/overlays/yellowgreen.webp);
}

.overlay-noise::after {
  background: url(/bundles/themeultimate/img/overlays/noise.webp);
}

.zoom-05:hover img {
  transform: scale(1.05);
}

.zoom-10:hover img {
  transform: scale(1.1);
}

.zoom-15:hover img {
  transform: scale(1.15);
}

.zoom-20:hover img {
  transform: scale(1.2);
}

.zoom-25:hover img {
  transform: scale(1.25);
}

.zoom-30:hover img {
  transform: scale(1.3);
}

.zoom-35:hover img {
  transform: scale(1.35);
}

.zoom-40:hover img {
  transform: scale(1.4);
}

.zoom-45:hover img {
  transform: scale(1.45);
}

.zoom-50:hover img {
  transform: scale(1.5);
}

*[class*=zoom-neg]:hover img {
  transform: scale(1);
}

.zoom-neg95 img {
  transform: scale(1.05);
}

.zoom-neg90 img {
  transform: scale(1.1);
}

.zoom-neg85 img {
  transform: scale(1.15);
}

.zoom-neg80 img {
  transform: scale(1.2);
}

.zoom-neg75 img {
  transform: scale(1.25);
}

.zoom-neg70 img {
  transform: scale(1.3);
}

.zoom-neg65 img {
  transform: scale(1.35);
}

.zoom-neg60 img {
  transform: scale(1.4);
}

.zoom-neg55 img {
  transform: scale(1.45);
}

.zoom-neg50 img {
  transform: scale(1.5);
}

.transition-linear-15 img {
  transition: all 0.15s linear;
}

.transition-linear-25 img {
  transition: all 0.25s linear;
}

.transition-linear-50 img,
.switch-dark-mode .slider,
.switch-dark-mode .slider::before {
  transition: all 0.5s linear;
}

.transition-ease-in-15 img {
  transition: all 0.15s ease-in;
}

.transition-ease-in-25 img {
  transition: all 0.25s ease-in;
}

.transition-ease-in-50 img {
  transition: all 0.5s ease-in;
}

.transition-ease-out-15 img {
  transition: all 0.15s ease-out;
}

.transition-ease-out-25 img {
  transition: all 0.25s ease-out;
}

.transition-ease-out-50 img {
  transition: all 0.5s ease-out;
}

.transition-ease-in-out-15 img {
  transition: all 0.15s ease-in-out;
}

.transition-ease-in-out-25 img {
  transition: all 0.25s ease-in-out;
}

.transition-ease-in-out-50 img {
  transition: all 0.5s ease-in-out;
}

#wrapper {
  padding-bottom: 78px;
  padding-top: 112px;
}

@media screen and (min-width: 780px) {
  .header-left #wrapper,
  .header-right #wrapper {
    padding-top: 0;
  }
}
@media screen and (max-width: 1039px) {
  #wrapper {
    padding-bottom: 72px;
    padding-top: 82px;
  }
}
@media screen and (max-width: 779px) {
  #wrapper {
    padding-bottom: 105px;
    padding-top: 89px;
  }
}
@media screen and (max-width: 519px) {
  #wrapper {
    padding-bottom: 120px;
  }
}
#header {
  height: 112px;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99;
}

#header .logo {
  width: 325px;
}

#nav-main-bar,
#nav-main-bar .content-column-wrapper {
  overflow: visible;
}

@media screen and (min-width: 780px) {
  .header-left #header .logo,
  .header-right #header .logo {
    width: 230px;
  }
}
@media screen and (max-width: 1039px) {
  #header {
    height: 82px;
  }
  #header .logo {
    width: 200px;
  }
}
@media screen and (max-width: 779px) {
  #header {
    height: 89px;
  }
  #header .logo {
    margin: 14px 0;
  }
}
#container,
#teaser,
.inside {
  position: relative;
}

#left {
  margin-left: -100%;
}

@media screen and (max-width: 779px) {
  #left {
    margin-left: 0;
  }
}
#main {
  width: 100%;
}

#main .inside {
  min-height: 1px;
}

#right {
  margin-right: -100%;
}

@media screen and (max-width: 779px) {
  #right {
    margin-right: 0;
  }
}
#footer {
  bottom: 0;
  clear: both;
  height: 78px;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
}

#footer .copyright {
  font-size: 14px;
  font-size: 0.875rem;
}

#footer .content-toplink {
  clear: both;
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 34px;
}

#footer .content-toplink a {
  align-items: center;
  display: flex;
  height: 32px;
  justify-content: center;
  padding: 0;
  text-decoration: none;
  width: 100%;
}

#footer .content-toplink a::before {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1;
  margin: 0;
  position: relative;
}

#footer .content-toplink span {
  display: none;
}

@media screen and (max-width: 1039px) {
  #footer {
    height: 72px;
  }
}
@media screen and (max-width: 779px) {
  #footer {
    height: 105px;
  }
  #footer .copyright {
    float: none;
    margin: auto;
    text-align: center;
  }
}
@media screen and (max-width: 519px) {
  #footer {
    height: 120px;
  }
  #footer .copyright .footer-rechte {
    display: block;
  }
}
.content-text {
  word-break: break-word;
}

.content-text abbr {
  cursor: help;
  position: relative;
}

.content-text code,
.content-table code {
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 14px;
  font-size: 0.875rem;
}

.content-text del {
  text-decoration: line-through;
}

.content-text em {
  font-style: italic;
}

.content-text hr {
  border: none;
  height: 2px;
}

.content-text kbd {
  box-decoration-break: clone;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 14px;
  font-size: 0.875rem;
  padding: 4px 4px 2px;
}

.content-text mark {
  box-decoration-break: clone;
  padding: 0 5px;
}

.content-text pre {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 14px;
  font-size: 0.875rem;
  overflow: auto;
  margin: 7px 0;
  padding: 14px;
  white-space: pre;
  word-break: break-all;
  word-wrap: break-word;
}

.content-text sub,
.content-text sup {
  font-size: 12px;
  font-size: 0.75rem;
  position: relative;
  top: -3px;
  vertical-align: text-top;
}

.content-text sub {
  top: 3px;
  vertical-align: text-bottom;
}

@media screen and (max-width: 779px) {
  .content-text abbr[title]:hover::before {
    content: attr(title);
    left: -7px;
    padding: 3px 5px;
    position: absolute;
    text-decoration: none;
    top: -26px;
    white-space: nowrap;
  }
  .content-text abbr[title]:hover::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #212529;
    clear: both;
    content: "";
    left: 0;
    position: absolute;
    top: -2px;
  }
}
ul {
  list-style-type: none;
}

.content-list ol,
.content-table ol,
.content-text ol {
  counter-reset: item;
  list-style: none;
}

.content-list ol > li,
.content-table ol > li,
.content-text ol > li {
  counter-increment: item;
  padding-left: 41px;
}

.content-list ol > li::before,
.content-table ol > li::before,
.content-text ol > li::before {
  content: counters(item, ".") ".";
  margin-left: -20.5px;
  margin-right: 7px;
}

.content-list ol ol > li,
.content-table ol ol > li,
.content-text ol ol > li {
  padding-left: 53px;
}

.content-list ol ol > li::before,
.content-table ol ol > li::before,
.content-text ol ol > li::before {
  margin-left: -33.5px;
}

.content-list ol ol ol > li,
.content-table ol ol ol > li,
.content-text ol ol ol > li {
  padding-left: 66px;
}

.content-list ol ol ol > li::before,
.content-table ol ol ol > li::before,
.content-text ol ol ol > li::before {
  margin-left: -47px;
}

.content-list ol ol ol ol > li,
.content-table ol ol ol ol > li,
.content-text ol ol ol ol > li {
  padding-left: 80px;
}

.content-list ol ol ol ol > li::before,
.content-table ol ol ol ol > li::before,
.content-text ol ol ol ol > li::before {
  margin-left: -60px;
}

.content-list ul,
.content-table ul,
.content-text ul,
.mod_newsletterlist ul {
  list-style-type: disc;
  padding-left: 35px;
}

.content-list ul ul,
.content-table ul ul,
.content-text ul ul {
  list-style-type: circle;
}

.content-list ul ul ul,
.content-table ul ul ul,
.content-text ul ul ul {
  list-style-type: square;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  display: block;
  font-size: inherit;
  max-width: 100%;
  overflow: auto;
  width: 100%;
}

caption {
  padding: 7px 0;
}

caption, th, td {
  text-align: left;
  text-align: start;
  vertical-align: middle;
}

th, td {
  border-style: solid;
  border-width: 1px;
  padding: 7px;
}

th[role=columnheader] {
  padding-right: 14px;
}

th {
  font-weight: 700;
}

@media screen and (max-width: 779px) {
  main table,
  main caption,
  main thead,
  main tbody,
  main tfoot,
  main tr,
  main th,
  main td {
    display: block;
    max-width: 100%;
    width: 100% !important;
  }
  main caption,
  main th,
  main td {
    overflow-wrap: anywhere;
  }
  th[role=columnheader] {
    padding-right: 21px;
  }
}
.content-code code {
  border-style: solid;
  border-width: 1px;
  display: block;
  font-family: "Lucida Console", Monaco, monospace;
  font-size: 14px;
  font-size: 0.875rem;
  max-width: 100%;
  overflow: auto;
  padding: 14px;
  white-space: pre;
}

.hljs-string {
  color: #a31515;
}

@media screen and (max-width: 779px) {
  .content-code code {
    overflow-wrap: anywhere;
    white-space: pre-wrap;
  }
}
.content-accordion {
  border: none;
}

.content-accordion :is(h1, h2, h3, h4, h5, h6) {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 2px;
  padding: 0;
}

.content-accordion .handorgel__header__button::before {
  content: "\f0da";
  display: inline-block;
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  margin-right: 5px;
  width: 15px;
  text-align: center;
}

.content-accordion .handorgel__header--open .handorgel__header__button::before {
  content: "\f0d7";
}

.content-accordion .handorgel__header button {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  height: auto;
  padding: 15px 12px;
}

.content-accordion .handorgel__content {
  background: none;
  border: none;
  padding: 7px 11px;
}

.content-accordion .handorgel__content__inner {
  padding: 0;
}

.content-swiper.no-nav-slider button,
.content-swiper.no-nav-slider .swiper-pagination {
  display: none;
}

.content-swiper {
  --swiper-navigation-size: 32px;
  --swiper-navigation-size: 2rem;
  --swiper-theme-color: #fff;
}

.content-swiper .swiper {
  overflow: clip;
  overflow-clip-margin: 6px;
}

.content-swiper .content-text.media--right figure {
  margin-right: 1px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p:not(.button):not(:has(>a.btn)) a,
.ce_form .checkbox_container label a,
.ce_form .radio_container label a,
.content-text li a,
.content-text td a,
.content-text figcaption a ,


p:not(p:has(>a.btn)) a,
.ce_form .checkbox_container label a,
.ce_form .radio_container label a,
.content-text li a,
.content-text td a,
.content-text figcaption a {
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.15em;
}

p:not(.button):not(:has(>a.btn)) a[target=_blank]::after,
.button-link p.button a[target=_blank]::after,
.content-hyperlink a[target=_blank]::after ,


p:not(p:has(>a.btn)) a[target=_blank]::after,
p:has(>a.btn.btn-link) a[target=_blank]::after,
.content-hyperlink a[target=_blank]::after {
  content: "\f35d";
  display: inline-block;
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  margin-left: 3px;
  text-decoration: none !important;
}

.content-hyperlink {
  padding: 7px 0;
}

.content-toplink {
  padding: 7px 0 7px 12px;
}

.content-toplink a::before {
  content: "\f102";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  margin: 4px 0 0 -12px;
  position: absolute;
}

.content-toplink span {
  margin-left: 3px;
}

figure {
  position: relative;
}

.content-image a + figcaption,
.content-gallery a + figcaption,
.content-text figure a + figcaption {
  margin-top: -7px;
}

.content-image figcaption,
.content-gallery figcaption,
.content-text figure figcaption {
  margin-top: -4px;
  padding: 7px;
  position: relative;
}

.content-text.media--left figure,
.content-text.media--right figure {
  margin: 11px 21px 11px 0;
  width: 33.33333333%;
}

.content-text.media--right figure {
  margin: 11px 0 11px 21px;
}

@media screen and (max-width: 1039px) {
  .content-text.media--left figure,
  .content-text.media--right figure {
    width: 50%;
  }
}
@media screen and (max-width: 519px) {
  .content-text.media--left figure,
  .content-text.media--right figure {
    margin: 7px 0 14px 0;
    width: 100%;
  }
}
.content-gallery > ul {
  list-style: none;
  display: grid;
  grid-gap: 14px;
  padding: 0;
}

.content-gallery--cols-2 > ul {
  grid-template-columns: repeat(2, 1fr);
}

.content-gallery--cols-3 > ul {
  grid-template-columns: repeat(3, 1fr);
}

.content-gallery--cols-4 > ul {
  grid-template-columns: repeat(4, 1fr);
}

.content-gallery--cols-5 > ul {
  grid-template-columns: repeat(5, 1fr);
}

.content-gallery--cols-6 > ul {
  grid-template-columns: repeat(6, 1fr);
}

.content-gallery--cols-7 > ul {
  grid-template-columns: repeat(7, 1fr);
}

.content-gallery--cols-8 > ul {
  grid-template-columns: repeat(8, 1fr);
}

.content-gallery--cols-9 > ul {
  grid-template-columns: repeat(9, 1fr);
}

.content-gallery--cols-10 > ul {
  grid-template-columns: repeat(10, 1fr);
}

.content-gallery--cols-11 > ul {
  grid-template-columns: repeat(11, 1fr);
}

.content-gallery--cols-12 > ul {
  grid-template-columns: repeat(12, 1fr);
}

@media screen and (max-width: 1039px) {
  .content-gallery--cols-5 > ul,
  .content-gallery--cols-6 > ul {
    grid-template-columns: repeat(4, 1fr);
  }
  .content-gallery--cols-7 > ul,
  .content-gallery--cols-8 > ul,
  .content-gallery--cols-9 > ul {
    grid-template-columns: repeat(5, 1fr);
  }
  .content-gallery--cols-10 > ul,
  .content-gallery--cols-11 > ul,
  .content-gallery--cols-12 > ul {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 779px) {
  .content-gallery--cols-7 > ul,
  .content-gallery--cols-8 > ul,
  .content-gallery--cols-9 > ul,
  .content-gallery--cols-10 > ul,
  .content-gallery--cols-11 > ul,
  .content-gallery--cols-12 > ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 519px) {
  .content-gallery--cols-3 > ul,
  .content-gallery--cols-4 > ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .content-gallery--cols-5 > ul,
  .content-gallery--cols-6 > ul,
  .content-gallery--cols-7 > ul,
  .content-gallery--cols-8 > ul,
  .content-gallery--cols-9 > ul,
  .content-gallery--cols-10 > ul,
  .content-gallery--cols-11 > ul,
  .content-gallery--cols-12 > ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
.content-player audio {
  width: 100%;
}

.content-player video {
  height: 100%;
  width: 100%;
}

.content-youtube figure {
  height: auto;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.content-youtube iframe {
  bottom: 0;
  height: 100% !important;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
}

.content-vimeo figure {
  height: auto;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.content-vimeo iframe {
  bottom: 0;
  height: 100% !important;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
}

#colorbox #cboxClose,
#colorbox #cboxPrevious,
#colorbox #cboxNext {
  background: transparent;
}

#colorbox #cboxClose::after {
  content: "\f00d";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  height: 40px;
  left: 0;
  line-height: 1.25;
  position: absolute;
  text-indent: 0;
  top: 0;
  width: 40px;
}

#colorbox #cboxPrevious::after,
#colorbox #cboxNext::after {
  content: "\f104";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  height: 65px;
  left: -2px;
  line-height: 2;
  position: absolute;
  text-indent: 0;
  top: 0;
  width: 30px;
}

#colorbox #cboxNext::after {
  content: "\f105";
  left: 2px;
}

#colorbox #cboxTitle {
  bottom: 0;
  left: 0;
  padding: 7px 5px;
  right: 0;
  top: auto;
  width: 100%;
}

.content-download,
.content-downloads {
  border-style: solid;
  border-width: 1px;
  overflow: visible;
  padding: 14px 7px 7px;
}

.content-download {
  padding-top: 21px;
}

.content-download::before,
.content-downloads::before {
  border-style: solid;
  border-width: 1px;
  content: "Download";
  font-weight: 700;
  margin-top: -25px;
  padding: 0 7px;
  position: absolute;
}

.content-download::before {
  margin-top: -32px;
}

.content-download.download-element a,
.content-downloads .download-element a {
  padding: 0 0 0 22px;
}

.content-download .size,
.content-downloads .size {
  font-size: 10px;
  font-size: 0.625rem;
}

.content-downloads::before {
  content: "Downloads";
}

.ce_form .widget {
  padding: 7px 2px;
}

.ce_form .widget-text label,
.ce_form .widget-textarea label,
.ce_form .widget-select label,
.ce_form .widget-password label,
.ce_form .widget-upload label,
.ce_form .widget-range label,
.ce_form .widget-captcha label,
.ce_form .widget-radio legend,
.ce_form .widget-checkbox legend,
fieldset legend {
  font-weight: 700;
}

.ce_form .checkbox_container label,
.ce_form .radio_container label {
  display: block;
  margin: -21px 0 0 21px;
}

.ce_form .widget:is([class*=grid-],[class*=col-]) label,
.ce_form .widget:is([class*=grid-],[class*=col-]) legend {
  padding: 0;
  width: 100%;
}

.ce_comments {
  margin-top: 21px;
  width: 100%;
}

.ce_comments .widget {
  padding: 7px 2px;
}

.ce_comments .widget-text label,
.ce_comments .widget-textarea label {
  font-weight: 700;
}

.ce_comments .widget-text.mandatory {
  float: left;
  width: 50%;
}

@media screen and (max-width: 779px) {
  .ce_comments .widget-text.mandatory {
    float: none;
    width: 100%;
  }
}
.ce_comments .comment_default:not(:last-of-type) {
  margin-bottom: 28px;
}

.ce_comments p.info {
  font-weight: 700;
}

.ce_comments p.date {
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: -14px;
}

.ce_comments .reply {
  border-left-style: solid;
  border-left-width: 3px;
  margin: 7px 0 7px 14px;
  padding-left: 21px;
}

.ce_comments .tl_confirm {
  border-style: solid;
  border-width: 1px;
  padding: 7px 11px;
}

:is(.tu-lightbox-active,.theme-lightbox-active) {
  overflow: hidden;
}

:is(.tu-lightbox,.theme-lightbox) {
  display: none;
  flex-direction: column;
  inset: 0;
  position: fixed;
  z-index: 10000;
}

:is(.tu-lightbox,.theme-lightbox).is-open {
  display: flex;
}

:is(.tu-lightbox-backdrop,.theme-lightbox-backdrop) {
  background: rgba(0, 0, 0, 0.94);
  inset: 0;
  position: absolute;
  z-index: 0;
}

:is(.tu-lightbox-stage,.theme-lightbox-stage) {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  justify-content: center;
  min-height: 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

:is(.tu-lightbox-figure,.theme-lightbox-figure) {
  margin: 0;
  max-height: 100%;
  max-width: 95vw;
  min-height: 0;
}

:is(.tu-lightbox-img,.theme-lightbox-img) {
  display: block;
  height: auto;
  margin: 0 auto;
  max-height: 100%;
  max-width: 95vw;
  width: auto;
}

:is(.tu-lightbox,.theme-lightbox).is-loading :is(.tu-lightbox-img,.theme-lightbox-img) {
  min-height: 60px;
  min-width: 60px;
  opacity: 0;
}

:is(.tu-lightbox-info,.theme-lightbox-info) {
  color: #fff;
  flex: 0 0 auto;
  padding: 12px 16px 16px;
  text-align: center;
  z-index: 1;
}

:is(.tu-lightbox-caption,.theme-lightbox-caption) {
  font-size: 0.9375rem;
  line-height: 1.4;
}

:is(.tu-lightbox-caption,.theme-lightbox-caption)[hidden] {
  display: none;
}

:is(.tu-lightbox-counter,.theme-lightbox-counter) {
  font-size: 0.875rem;
  margin-top: 4px;
  opacity: 0.85;
}

:is(.tu-lightbox-counter,.theme-lightbox-counter):empty {
  display: none;
}

:is(.tu-lightbox-close,.theme-lightbox-close),
:is(.tu-lightbox-prev,.theme-lightbox-prev),
:is(.tu-lightbox-next,.theme-lightbox-next) {
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  border: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 0;
  position: absolute;
  transition: background 0.15s ease-in-out;
}

:is(.tu-lightbox-close,.theme-lightbox-close):hover,
:is(.tu-lightbox-prev,.theme-lightbox-prev):hover,
:is(.tu-lightbox-next,.theme-lightbox-next):hover {
  background: rgba(0, 0, 0, 0.8);
}

:is(.tu-lightbox-close,.theme-lightbox-close) {
  font-size: 34px;
  height: 46px;
  right: 12px;
  top: 12px;
  width: 46px;
  z-index: 3;
}

:is(.tu-lightbox-prev,.theme-lightbox-prev),
:is(.tu-lightbox-next,.theme-lightbox-next) {
  font-size: 44px;
  height: 64px;
  top: 50%;
  transform: translateY(-50%);
  width: 46px;
  z-index: 2;
}

:is(.tu-lightbox-prev,.theme-lightbox-prev) {
  left: 12px;
}

:is(.tu-lightbox-next,.theme-lightbox-next) {
  right: 12px;
}

:is(.tu-lightbox-prev,.theme-lightbox-prev)[hidden],
:is(.tu-lightbox-next,.theme-lightbox-next)[hidden] {
  display: none;
}

@media screen and (max-width: 779px) {
  :is(.tu-lightbox-prev,.theme-lightbox-prev),
  :is(.tu-lightbox-next,.theme-lightbox-next) {
    font-size: 34px;
    height: 52px;
    width: 38px;
  }
  :is(.tu-lightbox-info,.theme-lightbox-info) {
    padding: 10px 12px 14px;
  }
}
.content-teaser-image {
  padding: 35px 0;
  width: 100%;
}

.content-teaser-image > div {
  position: relative;
}

.content-teaser-image .height-lg {
  height: 430px;
}

.content-teaser-image .height-md {
  height: 280px;
}

.content-teaser-image .height-sm {
  height: 130px;
}

.content-teaser-image .fullheight {
  height: calc(100vh - 182px);
}

.content-teaser-image .box-width-85 {
  padding: 0 7.5%;
}

.content-teaser-image .box-width-50 {
  padding: 0 25%;
}

.content-teaser-image .box-width-35 {
  padding: 0 32.5%;
}

.content-teaser-image .left.box-width-85 {
  padding: 0 15% 0 0;
}

.content-teaser-image .left.box-width-50 {
  padding: 0 50% 0 0;
}

.content-teaser-image .left.box-width-35 {
  padding: 0 65% 0 0;
}

.content-teaser-image .right.box-width-85 {
  padding: 0 0 0 15%;
}

.content-teaser-image .right.box-width-50 {
  padding: 0 0 0 50%;
}

.content-teaser-image .right.box-width-35 {
  padding: 0 0 0 65%;
}

.content-teaser-image .inside {
  display: inline-block;
  padding: 0 14px;
}

.content-teaser-image .wrapperpadding {
  padding-bottom: 35px;
}

.content-teaser-image .contentpadding {
  padding: 7px 14px;
}

.content-teaser-image .inside:last-of-type {
  margin-top: 7px;
}

.boxed .content-teaser-image .left .inside,
.content-teaser-image .left .nobox .content-headline {
  margin-left: -15px;
}

.boxed .content-teaser-image .right .inside,
.content-teaser-image .right .nobox .content-headline {
  margin-right: -15px;
}

.content-teaser-image :is(.fullwidth,.width-fluid) .left .inside,
.boxed .content-teaser-image .left .inside.no-indent {
  margin-left: 0;
}

.content-teaser-image :is(.fullwidth,.width-fluid) .right .inside,
.boxed .content-teaser-image .right .inside.no-indent {
  margin-right: 0;
}

.content-teaser-image .left .inside.no-indent {
  margin-left: 15px;
}

.content-teaser-image .right .inside.no-indent {
  margin-right: 15px;
}

.content-teaser-image .content-headline,
.content-teaser-image .content-text {
  display: block;
  position: relative;
  z-index: 1;
}

.content-teaser-image :is(.fullwidth,.width-fluid) .content-headline,
.content-teaser-image :is(.fullwidth,.width-fluid) .content-text {
  margin: auto 0;
}

.content-teaser-image .scrolldown {
  bottom: -25px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
}

.content-teaser-image .scrolldown a {
  font-size: 32px;
  font-size: 2rem;
  text-decoration: none;
}

.content-teaser-image .scrolldown a:hover {
  text-decoration: none;
}

.content-teaser-image .scrolldown a::after {
  content: "\f103";
  display: inline-block;
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-weight: 700;
  position: relative;
  text-decoration: none !important;
}

.content-teaser-image .nobox {
  width: 100%;
}

.content-teaser-image .nobox .content-headline {
  box-decoration-break: clone;
  display: inline;
  line-height: 2;
  padding: 7px 14px;
}

@media screen and (max-width: 1039px) {
  .content-teaser-image {
    padding: 25px 0;
  }
  .content-teaser-image .height-lg {
    height: 350px;
  }
  .content-teaser-image .height-md {
    height: 200px;
  }
  .content-teaser-image .height-sm {
    height: 100px;
  }
  .content-teaser-image .fullheight {
    height: calc(100vh - 132px);
  }
}
@media screen and (max-width: 779px) {
  .content-teaser-image .height-lg {
    height: 250px;
  }
  .content-teaser-image .height-md {
    height: 150px;
  }
  .content-teaser-image .height-sm {
    height: auto;
  }
  .content-teaser-image .fullheight {
    height: calc(100vh - 140px);
  }
  .content-teaser-image .box-width-85,
  .content-teaser-image .box-width-50,
  .content-teaser-image .box-width-35,
  .content-teaser-image .left.box-width-85,
  .content-teaser-image .left.box-width-50,
  .content-teaser-image .left.box-width-35,
  .content-teaser-image .right.box-width-85,
  .content-teaser-image .right.box-width-50,
  .content-teaser-image .right.box-width-35 {
    padding-left: 0;
    padding-right: 0;
  }
  .content-teaser-image .inside {
    padding: 0 10px;
  }
  .boxed .content-teaser-image .left .inside,
  .content-teaser-image :is(.fullwidth,.width-fluid) .left .inside {
    margin-left: 0;
  }
  .boxed .content-teaser-image .right .inside,
  .content-teaser-image :is(.fullwidth,.width-fluid) .right .inside {
    margin-right: 0;
  }
}
@media screen and (max-width: 519px) {
  .content-teaser-image .content-headline,
  .content-teaser-image .content-text {
    margin: auto 0;
  }
}
.content-teaser-box {
  width: 100%;
}

.content-teaser-box .height-lg {
  height: 430px;
}

.content-teaser-box .height-md {
  height: 280px;
}

.content-teaser-box .height-sm {
  height: 130px;
}

.content-teaser-box .fullheight {
  height: calc(100vh - 112px);
}

.content-teaser-box.overlay::after {
  z-index: 0;
}

.content-teaser-box .inside {
  height: 100%;
  padding: 15px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.content-teaser-box .inside.relative {
  height: auto;
  position: relative;
}

.content-teaser-box .inside.no-padding {
  padding: 0;
}

.content-teaser-box .item {
  padding: 7px 11px;
  position: relative;
}

.content-teaser-box .box-outside .colorbox {
  opacity: 1 !important;
}

.content-teaser-box .content-headline,
.content-teaser-box .content-text,
.content-teaser-box .button ,


.content-teaser-box .content-headline,
.content-teaser-box .content-text,
.content-teaser-box p:has(>a.btn) {
  position: relative;
  z-index: 1;
}

.content-teaser-box figure {
  height: 100%;
}

.content-teaser-box img {
  height: 100%;
  object-fit: cover;
}

.content-teaser-box .content-image a img {
  border-style: none;
  border-width: 0;
  padding: 0;
}

.content-teaser-box .highlight {
  font-weight: 700;
  line-height: 1.25;
  padding: 3px;
  position: absolute;
  right: -28px;
  text-align: center;
  top: 10px;
  transform: rotate(45deg);
  width: 100px;
  z-index: 1;
}

@media screen and (min-width: 1040px) {
  .content-teaser-box .inside.no-padding-lg {
    padding: 0;
  }
  .content-teaser-box .box-width-lg-85 {
    margin: 0 7.5%;
  }
  .content-teaser-box .box-width-lg-50 {
    margin: 0 25%;
  }
  .content-teaser-box .box-width-lg-35 {
    margin: 0 32.5%;
  }
  .content-teaser-box .left .box-width-lg-85 {
    margin: 0 15% 0 0;
  }
  .content-teaser-box .left .box-width-lg-50 {
    margin: 0 50% 0 0;
  }
  .content-teaser-box .left .box-width-lg-35 {
    margin: 0 65% 0 0;
  }
  .content-teaser-box .right .box-width-lg-85 {
    margin: 0 0 0 15%;
  }
  .content-teaser-box .right .box-width-lg-50 {
    margin: 0 0 0 50%;
  }
  .content-teaser-box .right .box-width-lg-35 {
    margin: 0 0 0 65%;
  }
}
@media screen and (max-width: 1039px) and (min-width: 780px) {
  .content-teaser-box .inside.no-padding-md {
    padding: 0;
  }
  .content-teaser-box .box-width-md-85 {
    margin: 0 7.5%;
  }
  .content-teaser-box .box-width-md-50 {
    margin: 0 25%;
  }
  .content-teaser-box .box-width-md-35 {
    margin: 0 32.5%;
  }
  .content-teaser-box .left .box-width-md-85 {
    margin: 0 15% 0 0;
  }
  .content-teaser-box .left .box-width-md-50 {
    margin: 0 50% 0 0;
  }
  .content-teaser-box .left .box-width-md-35 {
    margin: 0 65% 0 0;
  }
  .content-teaser-box .right .box-width-md-85 {
    margin: 0 0 0 15%;
  }
  .content-teaser-box .right .box-width-md-50 {
    margin: 0 0 0 50%;
  }
  .content-teaser-box .right .box-width-md-35 {
    margin: 0 0 0 65%;
  }
}
@media screen and (max-width: 1039px) {
  .content-teaser-box .height-lg {
    height: 350px;
  }
  .content-teaser-box .height-md {
    height: 200px;
  }
  .content-teaser-box .height-sm {
    height: 100px;
  }
  .content-teaser-box .fullheight {
    height: calc(100vh - 62px);
  }
}
@media screen and (min-width: 780px) {
  .content-teaser-box .bg-outside .colorbox {
    background: transparent !important;
  }
}
@media screen and (max-width: 779px) {
  .content-teaser-box .height-lg {
    height: 250px;
  }
  .content-teaser-box .height-md {
    height: 150px;
  }
  .content-teaser-box .height-sm {
    height: auto;
  }
  .content-teaser-box .fullheight {
    height: calc(100vh - 140px);
  }
  .content-teaser-box .inside {
    height: auto;
    padding: 0;
    position: relative;
  }
  .content-teaser-box .item {
    margin: 0 !important;
  }
  .content-teaser-box .colorbox {
    opacity: 1 !important;
  }
}
.content-text-image-tile {
  width: 100%;
}

.content-text-image-tile .box-img.overlay::after {
  z-index: 0;
}

.content-text-image-tile .box-img {
  bottom: 0;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
}

.content-text-image-tile .box-img.arrow::before {
  content: "";
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  width: 20px;
  z-index: 1;
}

.content-text-image-tile.text-right .box-img {
  left: 0;
  right: auto;
}

.content-text-image-tile.text-right .box-img.arrow::before {
  right: -10px;
}

.content-text-image-tile .height-lg {
  height: 80vh;
}

.content-text-image-tile .height-md {
  height: 60vh;
}

.content-text-image-tile .height-sm {
  height: 40vh;
}

.content-text-image-tile .fullheight {
  height: calc(100vh - 112px);
}

.content-text-image-tile .box-text .inside:not(.no-padding) {
  padding: 35px 0;
}

.content-text-image-tile.text-left .box-text > .inside > .inserttags,
.content-text-image-tile.text-left .box-text > .inside > .content-headline,
.content-text-image-tile.text-left .box-text > .inside > .content-text,
.content-text-image-tile.text-left .box-text > .inside > .button ,


.content-text-image-tile.text-left .box-text > .inside > .inserttags,
.content-text-image-tile.text-left .box-text > .inside > .content-headline,
.content-text-image-tile.text-left .box-text > .inside > .content-text,
.content-text-image-tile.text-left .box-text > .inside > p:has(>a.btn) {
  margin-right: calc(50% + 25px);
}

.content-text-image-tile.text-right .box-text > .inside > .inserttags,
.content-text-image-tile.text-right .box-text > .inside > .content-headline,
.content-text-image-tile.text-right .box-text > .inside > .content-text,
.content-text-image-tile.text-right .box-text > .inside > .button ,


.content-text-image-tile.text-right .box-text > .inside > .inserttags,
.content-text-image-tile.text-right .box-text > .inside > .content-headline,
.content-text-image-tile.text-right .box-text > .inside > .content-text,
.content-text-image-tile.text-right .box-text > .inside > p:has(>a.btn) {
  margin-left: calc(50% + 25px);
}

.content-text-image-tile.text-left .box-text:is(.fullwidth,.width-fluid) .content-headline,
.content-text-image-tile.text-left .box-text:is(.fullwidth,.width-fluid) .content-text,
.content-text-image-tile.text-left .box-text:is(.fullwidth,.width-fluid) .button,
.content-text-image-tile.text-left .box-text.width-lg .content-headline,
.content-text-image-tile.text-left .box-text.width-lg .content-text,
.content-text-image-tile.text-left .box-text.width-lg .button ,


.content-text-image-tile.text-left .box-text.fullwidth .content-headline,
.content-text-image-tile.text-left .box-text.fullwidth .content-text,
.content-text-image-tile.text-left .box-text.fullwidth p:has(>a.btn),
.content-text-image-tile.text-left .box-text.width-lg .content-headline,
.content-text-image-tile.text-left .box-text.width-lg .content-text,
.content-text-image-tile.text-left .box-text.width-lg p:has(>a.btn) {
  margin-left: 14px;
}

.boxed .content-text-image-tile.text-left .box-text.width-lg .content-headline,
.boxed .content-text-image-tile.text-left .box-text.width-lg .content-text,
.boxed .content-text-image-tile.text-left .box-text.width-lg .button ,


.boxed .content-text-image-tile.text-left .box-text.width-lg .content-headline,
.boxed .content-text-image-tile.text-left .box-text.width-lg .content-text,
.boxed .content-text-image-tile.text-left .box-text.width-lg p:has(>a.btn) {
  margin-left: 0;
}

.content-text-image-tile.text-right .box-text:is(.fullwidth,.width-fluid) .content-headline,
.content-text-image-tile.text-right .box-text:is(.fullwidth,.width-fluid) .content-text,
.content-text-image-tile.text-right .box-text:is(.fullwidth,.width-fluid) .button,
.content-text-image-tile.text-right .box-text.width-lg .content-headline,
.content-text-image-tile.text-right .box-text.width-lg .content-text,
.content-text-image-tile.text-right .box-text.width-lg .button ,


.content-text-image-tile.text-right .box-text.fullwidth .content-headline,
.content-text-image-tile.text-right .box-text.fullwidth .content-text,
.content-text-image-tile.text-right .box-text.fullwidth p:has(>a.btn),
.content-text-image-tile.text-right .box-text.width-lg .content-headline,
.content-text-image-tile.text-right .box-text.width-lg .content-text,
.content-text-image-tile.text-right .box-text.width-lg p:has(>a.btn) {
  margin-right: 14px;
}

.boxed .content-text-image-tile.text-right .box-text.width-lg .content-headline,
.boxed .content-text-image-tile.text-right .box-text.width-lg .content-text,
.boxed .content-text-image-tile.text-right .box-text.width-lg .button ,


.boxed .content-text-image-tile.text-right .box-text.width-lg .content-headline,
.boxed .content-text-image-tile.text-right .box-text.width-lg .content-text,
.boxed .content-text-image-tile.text-right .box-text.width-lg p:has(>a.btn) {
  margin-right: 0;
}

@media screen and (max-width: 1039px) {
  .content-text-image-tile .box-text .inside:not(.no-padding) {
    padding: 25px 0;
  }
}
@media screen and (max-width: 779px) {
  .content-text-image-tile .box-img {
    height: 50vh;
    position: relative;
    width: 100%;
  }
  .content-text-image-tile .box-img.arrow::before,
  .content-text-image-tile .box-img.arrow::before {
    bottom: -10px;
    left: 50%;
    right: auto;
    top: auto;
  }
  .content-text-image-tile .height-lg,
  .content-text-image-tile .height-md,
  .content-text-image-tile .height-sm,
  .content-text-image-tile .fullheight {
    height: auto;
  }
  .content-text-image-tile .box-text {
    display: block;
    padding: 0 10px;
  }
  .content-text-image-tile .box-text.no-padding {
    padding: 0;
  }
  .content-text-image-tile .box-text .inside {
    display: block;
    padding: 15px 0;
  }
  .content-text-image-tile .box-text .inside.no-padding {
    padding: 0;
  }
  .content-text-image-tile.text-left .box-text > .inside > .inserttags,
  .content-text-image-tile.text-left .box-text > .inside > .content-headline,
  .content-text-image-tile.text-left .box-text > .inside > .content-text,
  .content-text-image-tile.text-left .box-text > .inside > .button,
  .content-text-image-tile.text-right .box-text > .inside > .inserttags,
  .content-text-image-tile.text-right .box-text > .inside > .content-headline,
  .content-text-image-tile.text-right .box-text > .inside > .content-text,
  .content-text-image-tile.text-right .box-text > .inside > .button,
  .content-text-image-tile.text-left .box-text:is(.fullwidth,.width-fluid) .content-headline,
  .content-text-image-tile.text-left .box-text:is(.fullwidth,.width-fluid) .content-text,
  .content-text-image-tile.text-left .box-text:is(.fullwidth,.width-fluid) .button,
  .content-text-image-tile.text-left .box-text.width-lg .content-headline,
  .content-text-image-tile.text-left .box-text.width-lg .content-text,
  .content-text-image-tile.text-left .box-text.width-lg .button,
  .content-text-image-tile.text-right .box-text:is(.fullwidth,.width-fluid) .content-headline,
  .content-text-image-tile.text-right .box-text:is(.fullwidth,.width-fluid) .content-text,
  .content-text-image-tile.text-right .box-text:is(.fullwidth,.width-fluid) .button,
  .content-text-image-tile.text-right .box-text.width-lg .content-headline,
  .content-text-image-tile.text-right .box-text.width-lg .content-text,
  .content-text-image-tile.text-right .box-text.width-lg .button ,

  .content-text-image-tile.text-left .box-text > .inside > .inserttags,
  .content-text-image-tile.text-left .box-text > .inside > .content-headline,
  .content-text-image-tile.text-left .box-text > .inside > .content-text,
  .content-text-image-tile.text-left .box-text > .inside > p:has(>a.btn),
  .content-text-image-tile.text-right .box-text > .inside > .inserttags,
  .content-text-image-tile.text-right .box-text > .inside > .content-headline,
  .content-text-image-tile.text-right .box-text > .inside > .content-text,
  .content-text-image-tile.text-right .box-text > .inside > p:has(>a.btn),
  .content-text-image-tile.text-left .box-text.fullwidth .content-headline,
  .content-text-image-tile.text-left .box-text.fullwidth .content-text,
  .content-text-image-tile.text-left .box-text.fullwidth p:has(>a.btn),
  .content-text-image-tile.text-left .box-text.width-lg .content-headline,
  .content-text-image-tile.text-left .box-text.width-lg .content-text,
  .content-text-image-tile.text-left .box-text.width-lg p:has(>a.btn),
  .content-text-image-tile.text-right .box-text.fullwidth .content-headline,
  .content-text-image-tile.text-right .box-text.fullwidth .content-text,
  .content-text-image-tile.text-right .box-text.fullwidth p:has(>a.btn),
  .content-text-image-tile.text-right .box-text.width-lg .content-headline,
  .content-text-image-tile.text-right .box-text.width-lg .content-text,
  .content-text-image-tile.text-right .box-text.width-lg p:has(>a.btn) {
    margin-left: 0;
    margin-right: 0;
  }
}
.content-notice-box {
  border-style: solid;
  border-width: 1px;
  margin: 7px 0;
  width: 100%;
}

.content-notice-box:is(.no-border,.border-0) {
  border-style: none;
  border-width: 0;
}

.content-notice-box:is(.no-margin,.mb-0) {
  margin: 0;
}

.content-notice-box .inside {
  padding: 7px 11px;
  width: 100%;
}

.content-notice-box .icon {
  border-color: transparent;
  outline-color: transparent;
  text-align: center;
}

.content-notice-box .icon.left.icon-xlg,
.content-notice-box .icon.right.icon-xlg {
  width: 120px;
}

.content-notice-box .icon.left.icon-lg,
.content-notice-box .icon.right.icon-lg {
  width: 110px;
}

.content-notice-box .icon.left.icon-md,
.content-notice-box .icon.right.icon-md {
  width: 100px;
}

.content-notice-box .icon.left.icon-sm,
.content-notice-box .icon.right.icon-sm {
  width: 90px;
}

.content-notice-box .icon.left.icon-xsm,
.content-notice-box .icon.right.icon-xsm {
  width: 80px;
}

.content-notice-box .icon.left i,
.content-notice-box .icon.left svg {
  margin: 0 7px 0 0;
}

.content-notice-box .icon.right i,
.content-notice-box .icon.right svg {
  margin: 0 0 0 7px;
}

.content-notice-box .item.before,
.content-notice-box .item.after {
  display: table-row;
}

.content-team-box {
  border-color: transparent;
  padding: 7px 11px;
  width: 100%;
}

.content-team-box img {
  margin: 7px 0;
  width: 180px;
}

.content-team-box .img-center img {
  margin: 7px auto;
}

.content-team-box .img-left img {
  float: left;
}

.content-team-box .img-right img {
  float: right;
}

.content-team-box p.content-headline {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
}

.content-team-box .content-headline a {
  text-decoration: none;
}

.content-team-box p.function {
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: -21px;
}

.content-team-box .email.icon::before,
.content-team-box .phone.icon::before,
.content-team-box .mobile.icon::before {
  content: "";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  margin-right: 7px;
}

.content-team-box .email.icon::before {
  content: "\f0e0";
}

.content-team-box .phone.icon::before {
  content: "\f095";
}

.content-team-box .mobile.icon::before {
  content: "\f3cd";
}

.content-team-box ul.socials-list {
  list-style-type: none;
  padding: 0;
}

.content-team-box ul.socials-list li {
  display: inline-block;
  margin: 0 3px;
}

@media screen and (max-width: 1039px) {
  .content-team-box img {
    width: 165px;
  }
}
@media screen and (max-width: 779px) {
  .content-team-box img {
    width: 150px;
  }
}
.content-quote-box {
  width: 100%;
}

.content-quote-box .inside > div:not(.content-text) {
  width: 0;
}

.content-quote-box .img-left .content-image {
  padding: 0 21px 0 0;
}

.content-quote-box .img-right .content-image {
  padding: 0 0 0 21px;
}

.content-quote-box .offset-sm blockquote {
  margin: 7px 0;
}

.content-quote-box .offset-md blockquote {
  margin: 21px 0;
}

.content-quote-box .offset-lg blockquote {
  margin: 28px 0;
}

blockquote {
  border-left-style: solid;
  border-left-width: 3px;
  margin: 14px 0;
  padding-left: 21px;
  position: relative;
  quotes: none;
}

blockquote::before,
blockquote::after {
  content: "";
  content: none;
}

blockquote footer {
  font-size: 75%;
  padding: 7px 0;
}

blockquote footer::before {
  content: "— ";
}

.quote-box-2 blockquote {
  border-left: none;
}

.quote-box-2 blockquote::before {
  content: "\f10d";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 48px;
  font-size: 3rem;
  font-weight: 700;
  left: 1px;
  position: absolute;
  top: 14px;
  z-index: -1;
}

.quote-box-3 blockquote {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-left: none;
  border-top-style: solid;
  border-top-width: 3px;
  padding: 14px 21px 7px;
}

.quote-box-3 blockquote::before {
  content: "\f10d";
  display: block;
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  height: 42px;
  line-height: 48px;
  margin: -36px auto -7px;
  text-align: center;
  width: 42px;
}

@media screen and (min-width: 1300px) {
  .content-quote-box .box-xlg-width-lg {
    margin: 0 10%;
    width: 80%;
  }
  .content-quote-box .box-xlg-width-md {
    margin: 0 17.5%;
    width: 65%;
  }
  .content-quote-box .box-xlg-width-sm {
    margin: 0 25%;
    width: 50%;
  }
  .content-quote-box .box-left.box-xlg-width-lg {
    margin: 0 20% 0 0;
    width: 80%;
  }
  .content-quote-box .box-left.box-xlg-width-md {
    margin: 0 35% 0 0;
    width: 65%;
  }
  .content-quote-box .box-left.box-xlg-width-sm {
    margin: 0 50% 0 0;
    width: 50%;
  }
  .content-quote-box .box-right.box-xlg-width-lg {
    margin: 0 0 0 20%;
    width: 80%;
  }
  .content-quote-box .box-right.box-xlg-width-md {
    margin: 0 0 0 35%;
    width: 65%;
  }
  .content-quote-box .box-right.box-xlg-width-sm {
    margin: 0 0 0 50%;
    width: 50%;
  }
  .content-quote-box .content-image img {
    width: 150px;
  }
}
@media screen and (max-width: 1299px) and (min-width: 1040px) {
  .content-quote-box .box-lg-width-lg {
    margin: 0 10%;
    width: 80%;
  }
  .content-quote-box .box-lg-width-md {
    margin: 0 17.5%;
    width: 65%;
  }
  .content-quote-box .box-lg-width-sm {
    margin: 0 25%;
    width: 50%;
  }
  .content-quote-box .box-left.box-lg-width-lg {
    margin: 0 20% 0 0;
    width: 80%;
  }
  .content-quote-box .box-left.box-lg-width-md {
    margin: 0 35% 0 0;
    width: 65%;
  }
  .content-quote-box .box-left.box-lg-width-sm {
    margin: 0 50% 0 0;
    width: 50%;
  }
  .content-quote-box .box-right.box-lg-width-lg {
    margin: 0 0 0 20%;
    width: 80%;
  }
  .content-quote-box .box-right.box-lg-width-md {
    margin: 0 0 0 35%;
    width: 65%;
  }
  .content-quote-box .box-right.box-lg-width-sm {
    margin: 0 0 0 50%;
    width: 50%;
  }
  .content-quote-box .content-image img {
    width: 150px;
  }
}
@media screen and (max-width: 1039px) and (min-width: 780px) {
  .content-quote-box .box-md-width-lg {
    margin: 0 5%;
    width: 90%;
  }
  .content-quote-box .box-md-width-md {
    margin: 0 10%;
    width: 80%;
  }
  .content-quote-box .box-md-width-sm {
    margin: 0 15%;
    width: 70%;
  }
  .content-quote-box .box-left.box-md-width-lg {
    margin: 0 10% 0 0;
    width: 90%;
  }
  .content-quote-box .box-left.box-md-width-md {
    margin: 0 20% 0 0;
    width: 80%;
  }
  .content-quote-box .box-left.box-md-width-sm {
    margin: 0 30% 0 0;
    width: 70%;
  }
  .content-quote-box .box-right.box-md-width-lg {
    margin: 0 0 0 10%;
    width: 90%;
  }
  .content-quote-box .box-right.box-md-width-md {
    margin: 0 0 0 20%;
    width: 80%;
  }
  .content-quote-box .box-right.box-md-width-sm {
    margin: 0 0 0 30%;
    width: 70%;
  }
  .content-quote-box .img-left .content-image {
    padding: 0 14px 0 0;
  }
  .content-quote-box .img-right .content-image {
    padding: 0 0 0 14px;
  }
  .content-quote-box .content-image img {
    width: 130px;
  }
  blockquote {
    padding-left: 14px;
  }
}
@media screen and (max-width: 779px) and (min-width: 520px) {
  .content-quote-box .box-sm-width-lg {
    margin: 0 5%;
    width: 90%;
  }
  .content-quote-box .box-sm-width-md {
    margin: 0 10%;
    width: 80%;
  }
  .content-quote-box .box-sm-width-sm {
    margin: 0 15%;
    width: 70%;
  }
  .content-quote-box .box-left.box-sm-width-lg {
    margin: 0 10% 0 0;
    width: 90%;
  }
  .content-quote-box .box-left.box-sm-width-md {
    margin: 0 20% 0 0;
    width: 80%;
  }
  .content-quote-box .box-left.box-sm-width-sm {
    margin: 0 30% 0 0;
    width: 70%;
  }
  .content-quote-box .box-right.box-sm-width-lg {
    margin: 0 0 0 10%;
    width: 90%;
  }
  .content-quote-box .box-right.box-sm-width-md {
    margin: 0 0 0 20%;
    width: 80%;
  }
  .content-quote-box .box-right.box-sm-width-sm {
    margin: 0 0 0 30%;
    width: 70%;
  }
  .content-quote-box .img-left .content-image {
    padding: 0 14px 0 0;
  }
  .content-quote-box .img-right .content-image {
    padding: 0 0 0 14px;
  }
  .content-quote-box .content-image img {
    width: 130px;
  }
  blockquote {
    padding-left: 14px;
  }
}
@media screen and (max-width: 519px) {
  .content-quote-box .box-md-width-lg,
  .content-quote-box .box-md-width-md,
  .content-quote-box .box-md-width-sm,
  .content-quote-box .box-left.box-md-width-lg,
  .content-quote-box .box-left.box-md-width-md,
  .content-quote-box .box-left.box-md-width-sm,
  .content-quote-box .box-right.box-md-width-lg,
  .content-quote-box .box-right.box-md-width-md,
  .content-quote-box .box-right.box-md-width-sm {
    margin: 0;
  }
  .content-quote-box .img-left .content-image {
    padding: 0 7px 0 0;
  }
  .content-quote-box .img-right .content-image {
    padding: 0 0 0 7px;
  }
  .content-quote-box .content-image img {
    width: 100px;
  }
  .content-quote-box .img-left figure {
    margin-left: -15px;
  }
  .content-quote-box .img-right figure {
    margin-right: -15px;
  }
  blockquote {
    padding-left: 7px;
  }
}
.content-price-table {
  width: 100%;
}

.content-price-table .content-headline i {
  margin-right: 7px;
}

.content-price-table .price-box .currency,
.content-price-table .price-box .price,
.content-price-table .price-box .unit {
  display: inline-block;
  font-weight: 700;
}

.content-price-table .price-box .currency.price-xlg {
  position: relative;
  top: -21px;
}

.content-price-table .price-box .currency.price-lg {
  top: -15px;
}

.content-price-table .price-box .currency.price-md {
  top: -10px;
}

.content-price-table .price-box .currency.price-sm {
  top: -5px;
}

.content-price-table .price-box .currency.price-xsm {
  top: 0;
}

.content-price-table .price-box .price.price-xlg {
  font-size: 48px;
  font-size: 3rem;
}

.content-price-table .price-box .price.price-lg {
  font-size: 40px;
  font-size: 2.5rem;
}

.content-price-table .price-box .price.price-md {
  font-size: 32px;
  font-size: 2rem;
}

.content-price-table .price-box .price.price-sm {
  font-size: 24px;
  font-size: 1.5rem;
}

.content-price-table .price-box .price.price-xsm {
  font-size: 16px;
  font-size: 1rem;
}

.content-price-table .price-box .unit {
  font-weight: inherit;
}

.content-price-table .content-text {
  font-size: 12px;
  font-size: 0.75rem;
}

.content-price-table ul.services-list {
  padding-left: 35px;
}

.content-price-table ul.services-list li.item {
  line-height: 2;
}

.content-price-table ul.services-list li.item i {
  margin: 7px 0 0 -22px;
  position: absolute;
}

.content-price-table ul.services-list li.item.highlight {
  font-weight: 700;
}

.content-price-table ul.services-list li.item.crossout {
  text-decoration: line-through;
}

.content-icon-box,
.content-icon-box .inside {
  width: 100%;
}

.content-icon-box[class*=border-],
.content-icon-box[class*=bg-],
.content-icon-box.padding {
  padding: 7px 11px;
}

.content-icon-box .icon {
  margin: 7px 0;
  text-align: center;
}

.content-icon-box .icon a {
  display: block;
}

.content-icon-box .icon.left i,
.content-icon-box .icon.left svg {
  margin: 0 7px 0 0;
}

.content-icon-box .icon.right i,
.content-icon-box .icon.right svg {
  margin: 0 0 0 7px;
}

.content-icon-box .icon.left.outline-width-1 i,
.content-icon-box .icon.left.outline-width-1 svg,
.content-icon-box .icon.left.outline-width-1 span {
  margin: 1px 7px 1px 1px;
}

.content-icon-box .icon.left.outline-width-2 i,
.content-icon-box .icon.left.outline-width-2 svg,
.content-icon-box .icon.left.outline-width-2 span {
  margin: 2px 9px 2px 2px;
}

.content-icon-box .icon.left.outline-width-3 i,
.content-icon-box .icon.left.outline-width-3 svg,
.content-icon-box .icon.left.outline-width-3 span {
  margin: 3px 10px 3px 3px;
}

.content-icon-box .icon.left.outline-width-5 i,
.content-icon-box .icon.left.outline-width-5 svg,
.content-icon-box .icon.left.outline-width-5 span {
  margin: 5px 12px 5px 5px;
}

.content-icon-box .icon.left.outline-width-7 i,
.content-icon-box .icon.left.outline-width-7 svg,
.content-icon-box .icon.left.outline-width-7 span {
  margin: 7px 14px 7px 7px;
}

.content-icon-box .icon.left.outline-width-9 i,
.content-icon-box .icon.left.outline-width-9 svg,
.content-icon-box .icon.left.outline-width-9 span {
  margin: 9px 16px 9px 9px;
}

.content-icon-box .icon.left.outline-width-14 i,
.content-icon-box .icon.left.outline-width-14 svg,
.content-icon-box .icon.left.outline-width-14 span {
  margin: 14px 21px 14px 14px;
}

.content-icon-box .icon.left.outline-width-21 i,
.content-icon-box .icon.left.outline-width-21 svg,
.content-icon-box .icon.left.outline-width-21 span {
  margin: 21px 28px 21px 21px;
}

.content-icon-box .icon.left.outline-width-28 i,
.content-icon-box .icon.left.outline-width-28 svg,
.content-icon-box .icon.left.outline-width-28 span {
  margin: 28px 35px 28px 28px;
}

.content-icon-box .icon.right.outline-width-1 i,
.content-icon-box .icon.right.outline-width-1 svg,
.content-icon-box .icon.right.outline-width-1 span {
  margin: 1px 1px 1px 8px;
}

.content-icon-box .icon.right.outline-width-2 i,
.content-icon-box .icon.right.outline-width-2 svg,
.content-icon-box .icon.right.outline-width-2 span {
  margin: 2px 2px 2px 9px;
}

.content-icon-box .icon.right.outline-width-3 i,
.content-icon-box .icon.right.outline-width-3 svg,
.content-icon-box .icon.right.outline-width-3 span {
  margin: 3px 3px 3px 10px;
}

.content-icon-box .icon.right.outline-width-5 i,
.content-icon-box .icon.right.outline-width-5 svg,
.content-icon-box .icon.right.outline-width-5 span {
  margin: 5px 5px 5px 12px;
}

.content-icon-box .icon.right.outline-width-7 i,
.content-icon-box .icon.right.outline-width-7 svg,
.content-icon-box .icon.right.outline-width-7 span {
  margin: 7px 7px 7px 14px;
}

.content-icon-box .icon.right.outline-width-9 i,
.content-icon-box .icon.right.outline-width-9 svg,
.content-icon-box .icon.right.outline-width-9 span {
  margin: 9px 9px 9px 16px;
}

.content-icon-box .icon.right.outline-width-14 i,
.content-icon-box .icon.right.outline-width-14 svg,
.content-icon-box .icon.right.outline-width-14 span {
  margin: 14px 14px 14px 21px;
}

.content-icon-box .icon.right.outline-width-21 i,
.content-icon-box .icon.right.outline-width-21 svg,
.content-icon-box .icon.right.outline-width-21 span {
  margin: 21px 21px 21px 28px;
}

.content-icon-box .icon.right.outline-width-28 i,
.content-icon-box .icon.right.outline-width-28 svg,
.content-icon-box .icon.right.outline-width-28 span {
  margin: 28px 28px 28px 35px;
}

.content-icon-box .item.before,
.content-icon-box .item.after {
  display: table-row;
}

.content-timeline {
  --tu-timeline-axis: 50%;
  --tu-timeline-axis-offset: -3px;
  --tu-timeline-line-width: 5px;
  --tu-timeline-node-size: 39px;
  --tu-timeline-node-offset: -19px;
  --tu-timeline-node-inner-size: 21px;
  --tu-timeline-node-inner-offset: -15px;
  --tu-timeline-node-border: 5px;
  --tu-timeline-node-top: 28px;
  --tu-timeline-node-inner-top: 32px;
  --tu-timeline-date-width: 50%;
  --tu-timeline-date-padding: 28px 70px;
  --tu-timeline-date-text-align: right;
  --tu-timeline-date-font-size: 1.25rem;
  --tu-timeline-date-font-weight: inherit;
  --tu-timeline-date-line-height: inherit;
  --tu-timeline-text-width: 50%;
  --tu-timeline-text-padding: 24px 70px;
  --tu-timeline-connector-width: 42px;
  --tu-timeline-connector-gap: 0;
  --tu-timeline-connector-top: 45px;
  position: relative;
  width: 100%;
}

.content-timeline::before {
  content: "";
  height: 100%;
  left: var(--tu-timeline-axis);
  margin-left: var(--tu-timeline-axis-offset);
  position: absolute;
  width: var(--tu-timeline-line-width);
}

.content-timeline .box-date,
.content-timeline .box-text {
  float: left;
  position: relative;
}

.content-timeline .box-date {
  font-size: var(--tu-timeline-date-font-size);
  font-weight: var(--tu-timeline-date-font-weight);
  line-height: var(--tu-timeline-date-line-height);
  padding: var(--tu-timeline-date-padding);
  text-align: var(--tu-timeline-date-text-align);
  width: var(--tu-timeline-date-width);
  z-index: 2;
}

.content-timeline .box-date::before {
  background: #fff;
  border-radius: 100%;
  content: "";
  height: var(--tu-timeline-node-size);
  position: absolute;
  right: var(--tu-timeline-node-offset);
  top: var(--tu-timeline-node-top);
  width: var(--tu-timeline-node-size);
  z-index: 3;
}

.content-timeline .box-date::after {
  background-color: transparent;
  border-radius: 100%;
  border-style: solid;
  border-width: var(--tu-timeline-node-border);
  content: "";
  height: var(--tu-timeline-node-inner-size);
  position: absolute;
  right: var(--tu-timeline-node-inner-offset);
  top: var(--tu-timeline-node-inner-top);
  width: var(--tu-timeline-node-inner-size);
  z-index: 4;
}

.content-timeline .box-text {
  float: right;
  padding: var(--tu-timeline-text-padding);
  width: var(--tu-timeline-text-width);
}

.content-timeline .box-text::before {
  content: "";
  height: var(--tu-timeline-line-width);
  left: var(--tu-timeline-connector-gap);
  position: absolute;
  top: var(--tu-timeline-connector-top);
  width: var(--tu-timeline-connector-width);
  z-index: 1;
}

.content-timeline .box-text .img-after {
  margin-top: 7px;
}

.content-timeline .box-text .inside[class*=bg-] {
  padding: 7px 11px;
}

.content-timeline .box-text .inside[class*=bg-] .img-before {
  margin: -7px -11px 0;
}

.content-timeline .box-text .inside[class*=bg-] .img-after {
  margin: 7px -11px -7px;
}

.content-timeline.text-left {
  --tu-timeline-date-text-align: left;
  --tu-timeline-date-padding: 28px 70px;
  --tu-timeline-text-padding: 24px 70px;
}

.content-timeline.text-left .box-date {
  float: right;
}

.content-timeline.text-left .box-date::before {
  left: var(--tu-timeline-node-offset);
  right: auto;
}

.content-timeline.text-left .box-date::after {
  left: var(--tu-timeline-node-inner-offset);
  right: auto;
}

.content-timeline.text-left .box-text {
  float: left;
}

.content-timeline.text-left .box-text::before {
  left: auto;
  right: var(--tu-timeline-connector-gap);
}

.column-both .content-timeline {
  --tu-timeline-axis: 65px;
  --tu-timeline-date-width: 65px;
  --tu-timeline-date-padding: 16px 0;
  --tu-timeline-date-text-align: left;
  --tu-timeline-node-top: 11px;
  --tu-timeline-node-inner-top: 20px;
  --tu-timeline-connector-width: 20px;
  --tu-timeline-connector-top: 33px;
  --tu-timeline-text-width: calc(100% - 82px);
  --tu-timeline-text-padding: 12px 0 12px 30px;
}

.column-both .content-timeline.text-left .box-date {
  float: left;
}

.column-both .content-timeline.text-left .box-date::before {
  left: auto;
  right: var(--tu-timeline-node-offset);
}

.column-both .content-timeline.text-left .box-date::after {
  left: auto;
  right: var(--tu-timeline-node-inner-offset);
}

.column-both .content-timeline.text-left .box-text {
  float: right;
  text-align: left;
}

.column-both .content-timeline.text-left .box-text::before {
  left: var(--tu-timeline-connector-gap);
  right: auto;
}

@media screen and (max-width: 1039px) {
  .content-timeline {
    --tu-timeline-date-padding: 14px 48px;
    --tu-timeline-node-top: 14px;
    --tu-timeline-node-inner-top: 18px;
    --tu-timeline-connector-width: 36px;
    --tu-timeline-connector-top: 31px;
  }
  .column-left .content-timeline,
  .column-right .content-timeline {
    --tu-timeline-axis: 65px;
    --tu-timeline-date-width: 65px;
    --tu-timeline-date-padding: 16px 0;
    --tu-timeline-date-text-align: left;
    --tu-timeline-node-top: 16px;
    --tu-timeline-node-inner-top: 20px;
    --tu-timeline-connector-width: 20px;
    --tu-timeline-connector-top: 33px;
    --tu-timeline-text-width: calc(100% - 82px);
    --tu-timeline-text-padding: 12px 0 12px 30px;
  }
  .column-left .content-timeline.text-left .box-date,
  .column-right .content-timeline.text-left .box-date {
    float: left;
  }
  .column-left .content-timeline.text-left .box-date::before,
  .column-right .content-timeline.text-left .box-date::before {
    left: auto;
    right: var(--tu-timeline-node-offset);
  }
  .column-left .content-timeline.text-left .box-date::after,
  .column-right .content-timeline.text-left .box-date::after {
    left: auto;
    right: var(--tu-timeline-node-inner-offset);
  }
  .column-left .content-timeline.text-left .box-text,
  .column-right .content-timeline.text-left .box-text {
    float: right;
    text-align: left;
  }
  .column-left .content-timeline.text-left .box-text::before,
  .column-right .content-timeline.text-left .box-text::before {
    left: var(--tu-timeline-connector-gap);
    right: auto;
  }
}
@media screen and (max-width: 779px) {
  .content-timeline {
    --tu-timeline-axis: 65px;
    --tu-timeline-date-width: 65px;
    --tu-timeline-date-padding: 16px 0;
    --tu-timeline-date-text-align: left;
    --tu-timeline-node-top: 16px;
    --tu-timeline-node-inner-top: 20px;
    --tu-timeline-connector-width: 20px;
    --tu-timeline-connector-top: 33px;
    --tu-timeline-text-width: calc(100% - 82px);
    --tu-timeline-text-padding: 12px 0 12px 30px;
  }
  .content-timeline .box-date {
    text-align: left !important;
  }
  .content-timeline.text-left .box-date {
    float: left;
  }
  .content-timeline.text-left .box-date::before {
    left: auto;
    right: var(--tu-timeline-node-offset);
  }
  .content-timeline.text-left .box-date::after {
    left: auto;
    right: var(--tu-timeline-node-inner-offset);
  }
  .content-timeline.text-left .box-text {
    float: right;
  }
  .content-timeline.text-left .box-text::before {
    left: var(--tu-timeline-connector-gap);
    right: auto;
  }
  .content-timeline.text-left .box-text .right {
    text-align: left;
  }
}
.content-map {
  width: 100%;
}

.content-map iframe {
  border: none !important;
  display: block;
  width: 100%;
}

@media screen and (min-width: 1300px) {
  .content-map.xlg-map-height-vh iframe {
    height: calc(100vh - 112px);
  }
  .content-map.xlg-map-height-lg iframe {
    height: 430px;
  }
  .content-map.xlg-map-height-md iframe {
    height: 280px;
  }
  .content-map.xlg-map-height-sm iframe {
    height: 130px;
  }
  .content-map.xlg-map-width-lg {
    width: 75%;
  }
  .content-map.xlg-map-width-md {
    width: 50%;
  }
  .content-map.xlg-map-width-sm {
    width: 25%;
  }
}
@media screen and (max-width: 1299px) and (min-width: 1040px) {
  .content-map.lg-map-height-lg iframe {
    height: calc(100vh - 112px);
  }
  .content-map.lg-map-height-lg iframe {
    height: 430px;
  }
  .content-map.lg-map-height-md iframe {
    height: 280px;
  }
  .content-map.lg-map-height-sm iframe {
    height: 130px;
  }
  .content-map.lg-map-width-lg {
    width: 75%;
  }
  .content-map.lg-map-width-md {
    width: 50%;
  }
  .content-map.lg-map-width-sm {
    width: 25%;
  }
}
@media screen and (max-width: 1039px) and (min-width: 780px) {
  .content-map.md-map-height-lg iframe {
    height: calc(100vh - 112px);
  }
  .content-map.md-map-height-lg iframe {
    height: 430px;
  }
  .content-map.md-map-height-md iframe {
    height: 280px;
  }
  .content-map.md-map-height-sm iframe {
    height: 130px;
  }
  .content-map.md-map-width-lg {
    width: 75%;
  }
  .content-map.md-map-width-md {
    width: 50%;
  }
  .content-map.md-map-width-sm {
    width: 25%;
  }
}
@media screen and (max-width: 779px) and (min-width: 520px) {
  .content-map.sm-map-height-lg iframe {
    height: calc(100vh - 112px);
  }
  .content-map.sm-map-height-lg iframe {
    height: 430px;
  }
  .content-map.sm-map-height-md iframe {
    height: 280px;
  }
  .content-map.sm-map-height-sm iframe {
    height: 130px;
  }
  .content-map.sm-map-width-lg {
    width: 75%;
  }
  .content-map.sm-map-width-md {
    width: 50%;
  }
  .content-map.sm-map-width-sm {
    width: 25%;
  }
}
@media screen and (max-width: 519px) {
  .content-map.xsm-map-height-lg iframe {
    height: calc(100vh - 112px);
  }
  .content-map.xsm-map-height-lg iframe {
    height: 430px;
  }
  .content-map.xsm-map-height-md iframe {
    height: 280px;
  }
  .content-map.xsm-map-height-sm iframe {
    height: 130px;
  }
  .content-map.xsm-map-width-lg {
    width: 75%;
  }
  .content-map.xsm-map-width-md {
    width: 50%;
  }
  .content-map.xsm-map-width-sm {
    width: 25%;
  }
}
.content-iframe figure {
  height: auto;
  padding-bottom: 56.25% !important;
  position: relative;
}

.content-iframe figure iframe {
  bottom: 0;
  height: 100% !important;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100% !important;
}

.content-anchor-element,
.anchor {
  scroll-margin-top: 110px;
}

@media screen and (max-width: 1039px) {
  .content-anchor-element,
  .anchor {
    scroll-margin-top: 80px;
  }
}
@media screen and (max-width: 779px) {
  .content-anchor-element,
  .anchor {
    scroll-margin-top: 87px;
  }
}
.content-toggle-wrapper {
  width: 100%;
}

.content-toggle-wrapper.show {
  max-height: none !important;
}

.content-toggle-wrapper:not(.show)::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 90%);
  pointer-events: none;
}

.toggler-button [data-toggle-label][hidden] {
  display: none;
}

.toggler-button.left .toggle-button {
  margin-left: 0;
  margin-right: auto;
}

.toggler-button.center .toggle-button {
  margin-inline: auto;
}

.toggler-button.right .toggle-button {
  margin-left: auto;
  margin-right: 0;
}

.content-tabs > input[type=radio] {
  display: none;
}

.content-tabs > input:checked + label::before {
  content: "\f0d7";
  display: inline-block;
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  margin-right: 7px;
  width: 15px;
}

.content-tabs > label {
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  padding: 12px;
  margin: 3px 0;
}

.content-tabs.tabs-1 > label {
  border-style: solid;
  border-width: 1px;
}

.content-tabs.tabs-2 > input:checked + label::before {
  display: block;
  margin: 0 auto -42px;
}

.content-tabs .tab-panel {
  display: none;
}

.content-tabs > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.content-tabs > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.content-tabs > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.content-tabs > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.content-tabs > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.content-tabs > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6),
.content-tabs > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7),
.content-tabs > input:nth-child(15):checked ~ .tab-panels > .tab-panel:nth-child(8),
.content-tabs > input:nth-child(17):checked ~ .tab-panels > .tab-panel:nth-child(9),
.content-tabs > input:nth-child(19):checked ~ .tab-panels > .tab-panel:nth-child(10),
.content-tabs > input:nth-child(21):checked ~ .tab-panels > .tab-panel:nth-child(11),
.content-tabs > input:nth-child(23):checked ~ .tab-panels > .tab-panel:nth-child(12),
.content-tabs > input:nth-child(25):checked ~ .tab-panels > .tab-panel:nth-child(13),
.content-tabs > input:nth-child(27):checked ~ .tab-panels > .tab-panel:nth-child(14),
.content-tabs > input:nth-child(29):checked ~ .tab-panels > .tab-panel:nth-child(15),
.content-tabs > input:nth-child(31):checked ~ .tab-panels > .tab-panel:nth-child(16),
.content-tabs > input:nth-child(33):checked ~ .tab-panels > .tab-panel:nth-child(17),
.content-tabs > input:nth-child(35):checked ~ .tab-panels > .tab-panel:nth-child(18),
.content-tabs > input:nth-child(37):checked ~ .tab-panels > .tab-panel:nth-child(19),
.content-tabs > input:nth-child(39):checked ~ .tab-panels > .tab-panel:nth-child(20) {
  display: block;
}

.content-tabs > input:first-child:checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):first-child,
.content-tabs > input:nth-child(3):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(2),
.content-tabs > input:nth-child(5):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(3),
.content-tabs > input:nth-child(7):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(4),
.content-tabs > input:nth-child(9):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(5),
.content-tabs > input:nth-child(11):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(6),
.content-tabs > input:nth-child(13):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(7),
.content-tabs > input:nth-child(15):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(8),
.content-tabs > input:nth-child(17):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(9),
.content-tabs > input:nth-child(19):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(10),
.content-tabs > input:nth-child(21):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(11),
.content-tabs > input:nth-child(23):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(12),
.content-tabs > input:nth-child(25):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(13),
.content-tabs > input:nth-child(27):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(14),
.content-tabs > input:nth-child(29):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(15),
.content-tabs > input:nth-child(31):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(16),
.content-tabs > input:nth-child(33):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(17),
.content-tabs > input:nth-child(35):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(18),
.content-tabs > input:nth-child(37):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(19),
.content-tabs > input:nth-child(39):checked ~ .tab-panels > .tab-panel:is(.flexbox,.d-flex):nth-child(20) {
  display: flex;
}

.content-count-up {
  padding: 7px 14px;
  width: 100%;
}

.content-count-up span.counter {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
}

.content-count-up span.add {
  display: block;
}

.content-filter-wrapper .filter-controls li {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  display: inline-block;
  font-weight: 700;
  padding: 12px;
  margin: 3px 6px 3px 0;
}

.content-filter-wrapper .filter-container {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 1039px) {
  .content-filter-wrapper .filter-container {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 519px) {
  .content-filter-wrapper .filter-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
#toggle-nav {
  background: transparent;
  border-style: none;
  border-width: 0;
  display: none;
  font-size: 24px;
  font-size: 1.5rem;
  height: 47px;
  padding: 0;
  position: absolute;
  right: 2px;
  text-align: center;
  width: 47px;
}

#toggle-nav::after {
  content: "\f0c9";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-weight: 700;
}

#toggle-nav.active::after {
  content: "\f00d";
}

ul.nav-toggle:not(.level_1) {
  display: none;
}

ul.nav-toggle li {
  position: relative;
}

ul.nav-toggle li.active > ul,
ul.nav-toggle li.trail > ul {
  display: block;
}

#nav-main .toggle,
.nav-sub .toggle {
  background: transparent;
  border: none;
  margin: 0;
  padding: 5.5px 10px;
  position: absolute;
  right: 0;
  top: 0;
}

#nav-main .toggle::after,
.nav-sub .toggle::after {
  content: "\f067";
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
}

#nav-main .toggle.active::after,
#nav-main .toggle.trail::after,
.nav-sub .toggle.active::after,
.nav-sub .toggle.trail::after {
  content: "\f068";
}

@media screen and (min-width: 780px) {
  #nav-main ul.level_1 > li > .toggle {
    display: none;
  }
}
@media screen and (max-width: 779px) {
  #toggle-nav {
    display: block;
  }
  #nav-main ul li .toggle {
    height: 48px;
    right: 0;
    width: 50px;
  }
  #nav-main ul li .toggle::after {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#nav-top ul {
  padding: 0;
}

#nav-top ul li {
  display: inline-block;
}

#nav-top a,
#nav-top strong {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: normal;
  text-decoration: none;
  padding: 7px;
}

@media screen and (min-width: 780px) {
  .header-left #nav-top,
  .header-right #nav-top {
    bottom: 10px;
    position: fixed;
  }
  .header-left #nav-top ul li,
  .header-right #nav-top ul li {
    display: block;
  }
}
@media screen and (max-width: 779px) {
  #nav-top {
    margin-right: 3px;
  }
}
#nav-main {
  position: unset;
}

#nav-main ul {
  padding: 0;
}

#nav-main a,
#nav-main strong {
  display: block;
  font-weight: normal;
  text-decoration: none;
}

@media screen and (min-width: 780px) {
  .header-left #nav-main,
  .header-right #nav-main {
    width: 100%;
  }
  #nav-main ul.level_1 > li {
    display: inline-block;
    position: unset;
  }
  .header-left #nav-main ul.level_1 > li,
  .header-right #nav-main ul.level_1 > li {
    display: block;
  }
  #nav-main ul.level_1 > li.submenu > a::after,
  #nav-main ul.level_1 > li.submenu > strong::after {
    content: "\f0d7";
    font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    margin-left: 7px;
  }
  .header-left #nav-main ul.level_1 > li.submenu > a::after,
  .header-left #nav-main ul.level_1 > li.submenu > strong::after {
    content: "\f0da";
  }
  .header-right #nav-main ul.level_1 > li.submenu > a::before,
  .header-right #nav-main ul.level_1 > li.submenu > strong::before {
    content: "\f0d9";
    font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    margin-right: 7px;
  }
  .header-right #nav-main ul.level_1 > li.submenu > a::after,
  .header-right #nav-main ul.level_1 > li.submenu > strong::after {
    content: "";
  }
  body:not(.header-left):not(.header-right) #nav-main ul.level_1 > li:last-child > ul,
  body:not(.header-left):not(.header-right) #nav-main ul.level_1 > li.nav-last > ul {
    left: auto;
    right: 15px;
  }
  #nav-main ul.level_1 > li:focus-within > ul,
  #nav-main ul.level_1 > li:hover > ul {
    display: block;
    max-height: 80vh;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  #nav-main ul.level_1 > li > a,
  #nav-main ul.level_1 > li > strong {
    font-weight: 700;
    padding: 17px 10px;
  }
  #nav-main ul.level_2 {
    display: none;
    overflow: hidden;
    position: absolute;
    z-index: 99;
  }
  .header-left #nav-main ul.level_2 {
    left: calc(100% - 15px);
    top: 0;
  }
  .header-right #nav-main ul.level_2 {
    right: calc(100% - 15px);
    top: 0;
  }
  #nav-main ul.level_2 li a,
  #nav-main ul.level_2 li strong {
    border-bottom: 0;
    padding: 7px 10px;
  }
  #nav-main ul.level_2 li a.submenu,
  #nav-main ul.level_2 li strong.submenu {
    padding: 7px 30px 7px 10px;
  }
}
@media screen and (max-width: 1039px) and (min-width: 780px) {
  #nav-main ul.level_1 > li > a,
  #nav-main ul.level_1 > li > strong {
    padding: 7px;
  }
  #nav-main ul.level_1 > li:last-child > ul {
    right: 10px;
  }
}
@media screen and (max-width: 779px) {
  #nav-main {
    bottom: 0;
    display: none;
    height: calc(100% - 89px);
    left: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    position: fixed;
    top: 89px;
    width: 100%;
  }
  #nav-main.active {
    display: block;
  }
  #nav-main ul.level_1 li {
    position: relative;
  }
  #nav-main ul.level_1 li a,
  #nav-main ul.level_1 li strong {
    padding: 14px 10px;
  }
  #nav-main ul.level_1 li.active > ul,
  #nav-main ul.level_1 li.trail > ul {
    display: block;
  }
}
.no-nav-sub .nav-sub {
  display: none;
}

.nav-sub {
  margin: 15px;
}

.nav-sub ul {
  padding: 0;
}

.nav-sub a,
.nav-sub strong {
  border-bottom: 0;
  display: block;
  font-weight: normal;
  padding: 7px 10px;
  text-decoration: none;
}

.nav-sub a.submenu,
.nav-sub strong.submenu {
  padding: 7px 30px 7px 10px;
}

.nav-sub ul.level_1 {
  overflow: hidden;
}

@media screen and (max-width: 1039px) {
  .nav-sub {
    margin: 10px;
  }
}
@media screen and (max-width: 779px) {
  .nav-sub_headline,
  .nav-sub {
    display: none;
  }
}
.mod_newsmenu ul {
  padding: 0;
}

.mod_newsmenu a,
.mod_newsmenu strong {
  border-bottom: 0;
  display: block;
  font-weight: normal;
  padding: 7px 10px;
  text-decoration: none;
}

.mod_newsmenu ul.level_2 > li > a,
.mod_newsmenu ul.level_2 > li > strong {
  padding-left: 21px;
}

@media screen and (max-width: 779px) {
  .mod_newsmenu {
    display: none;
  }
}
#nav-footer ul {
  padding: 0;
}

#nav-footer ul li {
  display: inline-block;
  text-align: left;
}

#nav-footer a,
#nav-footer strong {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: normal;
  text-decoration: none;
  padding: 7px;
}

@media screen and (max-width: 779px) {
  #nav-footer {
    float: none;
    margin: auto;
    text-align: center;
  }
}
.no-nav-breadcrumb #nav-breadcrumb {
  display: none;
}

.column-left #nav-breadcrumb,
.boxed #nav-breadcrumb {
  margin: 25px auto 0;
}

.boxed #nav-breadcrumb {
  max-width: 1270px;
}

#nav-breadcrumb ul {
  list-style: none;
  overflow: hidden;
  padding: 7px 15px;
}

#nav-breadcrumb ul li {
  float: left;
}

#nav-breadcrumb ul li + li::before {
  content: "/";
  padding: 0 5px;
}

#nav-breadcrumb ul li a {
  text-decoration: none;
}

@media screen and (max-width: 1299px) {
  .boxed #nav-breadcrumb {
    max-width: 1010px;
  }
}
@media screen and (max-width: 1039px) {
  .boxed #nav-breadcrumb {
    max-width: 740px;
  }
  #nav-breadcrumb ul {
    padding: 7px 10px;
  }
}
@media screen and (max-width: 779px) {
  .column-left #nav-breadcrumb,
  .boxed #nav-breadcrumb {
    margin-top: 0;
    max-width: 100%;
  }
}
.pagination p {
  display: none;
}

nav[data-pagination] ::marker {
  content: "";
}

nav[data-pagination] ul,
nav[data-pagination] ol,
.pagination ul {
  display: block;
  list-style: none;
  margin: 14px 0;
  padding: 0;
}

nav[data-pagination]::after,
nav[data-pagination] ul::after,
nav[data-pagination] ol::after,
.pagination::after,
.pagination ul::after {
  clear: both;
  content: "";
  display: table;
}

nav[data-pagination] ol li,
nav[data-pagination] ul li,
.pagination ul li {
  float: left;
  margin: 3px 0;
}

nav[data-pagination] ol li a,
nav[data-pagination] ul li a,
nav[data-pagination] ol li strong,
nav[data-pagination] ul li strong,
.pagination ul li a,
.pagination ul li strong {
  background: #fff;
  border-style: solid;
  border-width: 1px;
  display: block;
  padding: 5px 10px;
  text-decoration: none;
}

nav[data-pagination] ol li:not(:first-child) a,
nav[data-pagination] ul li:not(:first-child) a,
nav[data-pagination] ol li:not(:first-child) strong,
nav[data-pagination] ul li:not(:first-child) strong,
.pagination ul li:not(:first-child) a,
.pagination ul li:not(:first-child) strong {
  border-left-width: 0;
}

nav[data-pagination] ol li strong,
nav[data-pagination] ul li strong,
nav[data-pagination] ol li a.active,
nav[data-pagination] ul li a.active,
.pagination ul li strong {
  background: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
  font-weight: normal;
}

.mod_sitemap ul {
  line-height: 2;
  margin: 0 0 0 20px;
  padding: 0;
}

.mod_sitemap ul li i::before {
  content: "";
}

.mod_sitemap ul li::before {
  content: "\f07b";
  display: inline-block;
  font-family: "Font Awesome 7 Free", "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  margin: -18px 0 0 -38px;
  position: absolute;
}

.mod_sitemap ul li:hover::before {
  font-weight: 400;
}

.mod_sitemap ul li {
  margin-left: 20px;
  padding: 7px 0;
}

.mod_sitemap ul li.submenu::before {
  content: "\f07c";
}

.mod_changePassword .widget,
.mod_closeAccount .widget,
.mod_login .widget,
.mod_lostPassword .widget,
.mod_personalData .widget,
.mod_registration .widget {
  padding: 7px 2px;
}

.mod_changePassword .widget-text label,
.mod_closeAccount .widget-text label,
.mod_login .widget-text label,
.mod_lostPassword .widget-text label,
.mod_personalData .widget-text label,
.mod_registration .widget-text label,
.mod_changePassword .widget-password label,
.mod_login .widget-password label,
.mod_lostPassword .widget-password label,
.mod_registration .widget-password label,
.mod_lostPassword .widget-captcha label,
.mod_login .widget-checkbox legend,
.mod_registration .widget-checkbox legend {
  font-weight: 700;
}

.mod_login .checkbox_container label {
  display: block;
  margin: -21px 0 0 21px;
}

.mod_changePassword p.tl_confirm,
.mod_changePassword p.error,
.mod_login .error,
.mod_lostPassword p.confirm,
.mod_lostPassword p.error,
.mod_personalData p.tl_confirm,
.mod_registration p.confirm,
.mod_registration p.error,
.mod_subscribe p.confirm,
.mod_subscribe p.error,
.mod_unsubscribe p.error {
  border-style: solid;
  border-width: 1px;
  margin: 7px 0;
  padding: 7px 11px;
}

p.button.lost_passwort ,


p:has(>a.btn).lost_passwort {
  margin-left: 14px;
}

.mod_search .widget-text {
  float: left;
  margin-left: -2px;
  overflow: hidden;
  padding: 7px 2px;
  width: calc(100% - 85px);
}

.mod_search .widget-submit {
  float: right;
}

.mod_search .radio_container label {
  display: block;
  margin: -21px 0 0 21px;
}

.mod_search .header,
.mod_search .info {
  border-style: solid;
  border-width: 1px;
  clear: both;
  margin: 7px 0;
  padding: 7px 11px;
}

.mod_search > div:not(:last-child) {
  margin-bottom: 28px;
}

.mod_search h3 > a {
  display: block;
}

.mod_search h3 > a:hover {
  text-decoration: none;
}

.mod_search .relevance {
  font-weight: 400;
}

.contao-cookiebar .cc-inner {
  --ccb-bg: #fff;
  --ccb-clr: #212529;
  --ccb-text: #212529;
  --ccb-bdr: #ced4da;
  --ccb-cookies-bg: #f8f9fa;
  --ccb-cookies-bdr: #dee2e6;
  --ccb-info-bg: #fff;
  --ccb-info-bdr: #dee2e6;
  --ccb-detail-clr: #495057;
  --ccb-detail-clr-hvr: #212529;
  --ccb-btn-bg: #f8f9fa;
  --ccb-btn-bg-hvr: #e9ecef;
  --ccb-btn-bdr: #ced4da;
  --ccb-btn-clr: #212529;
  --ccb-focus-clr: #0d6efd;
  background-color: var(--ccb-bg);
  border: 1px solid var(--ccb-bdr);
  color: var(--ccb-clr);
}

.contao-cookiebar .cc-btn {
  line-height: 1;
}

.contao-cookiebar .cc-head strong,
.contao-cookiebar label.group,
.contao-cookiebar label.cookie,
.contao-cookiebar .group,
.contao-cookiebar .cookie {
  color: var(--ccb-clr);
}

.contao-cookiebar .cc-head p,
.contao-cookiebar .cc-info,
.contao-cookiebar .cc-cookies,
.contao-cookiebar .cc-cookie-info {
  color: var(--ccb-text);
}

.contao-cookiebar .cc-cookies {
  background-color: var(--ccb-cookies-bg);
  border-color: var(--ccb-cookies-bdr);
}

.contao-cookiebar .cc-cookie-info {
  background-color: var(--ccb-info-bg);
  border-color: var(--ccb-info-bdr);
}

.contao-cookiebar .cc-detail-btn {
  color: var(--ccb-detail-clr);
}

.contao-cookiebar .cc-detail-btn:hover,
.contao-cookiebar .cc-detail-btn:focus {
  color: var(--ccb-detail-clr-hvr);
}

.contao-cookiebar .cc-btn {
  background-color: var(--ccb-btn-bg);
  border-color: var(--ccb-btn-bdr);
  color: var(--ccb-btn-clr);
}

.contao-cookiebar .cc-btn:hover,
.contao-cookiebar .cc-btn:focus {
  background-color: var(--ccb-btn-bg-hvr);
  color: var(--ccb-btn-clr);
}

/* Gleiche Werte wie .button-success in base/_buttons.scss (Bootstrap 5.3), damit das
   Gruen der Cookiebar und das der Website nicht auseinanderlaufen. */
.contao-cookiebar .cc-btn.success ,


/* Gleiche Werte wie .button-success in base/_buttons.scss (Bootstrap 5.3), damit das
   Gruen der Cookiebar und das der Website nicht auseinanderlaufen. */
.contao-cookiebar .cc-btn.success {
  background-color: #198754;
  border-color: #198754;
  color: #fff;
}

.contao-cookiebar .cc-btn.success:hover,
.contao-cookiebar .cc-btn.success:focus {
  background-color: #157347;
  border-color: #146c43;
  color: #fff;
}

.contao-cookiebar .cc-groups .cc-group > label {
  color: inherit;
  margin: 5px 10px;
}

.contao-cookiebar a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.15em;
}

.contao-cookiebar .cc-close {
  right: 18px;
}

@media screen and (min-width: 520px) {
  .contao-cookiebar .cc-inner {
    max-width: 500px;
  }
}
.mod_calendar .calendar-pagination {
  display: table;
  height: 61px;
  padding: 7px;
  position: relative;
  text-align: center;
  width: 100%;
}

.mod_calendar .calendar-pagination .current {
  display: table-cell;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  vertical-align: middle;
}

.mod_calendar .calendar-pagination .previous,
.mod_calendar .calendar-pagination .next {
  left: 0;
  position: absolute;
}

.mod_calendar .calendar-pagination .next {
  left: auto;
  right: 0;
}

.mod_calendar .calendar-head {
  font-weight: 700;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.mod_calendar .calendar-head .label,
.mod_calendar .calendar-body > div > div {
  border-style: solid;
  border-width: 1px;
  float: left;
  padding: 7px;
  width: 14.28%;
}

.mod_calendar .calendar-head .label:not(:first-child),
.mod_calendar .calendar-body > div > div:not(:first-child) {
  border-left-style: none;
}

.mod_calendar .calendar-body > div {
  display: flex;
  flex-wrap: wrap;
  float: left;
  width: 100%;
}

.mod_calendar .calendar-body > div > div {
  border-top-style: none;
  min-height: 100px;
}

.mod_calendar .calendar-body > div > div .label,
.mod_calendar .calendar-body > div > div .event {
  font-size: 14px;
  font-size: 0.875rem;
}

.mod_calendar .calendar-body > div > div .label {
  padding-left: 3px;
}

@media screen and (max-width: 1039px) {
  .column_both .mod_calendar .calendar-head .label span,
  .column_left .mod_calendar .calendar-head .label span,
  .column_right .mod_calendar .calendar-head .label span {
    display: none;
  }
}
@media screen and (max-width: 779px) {
  .mod_calendar .calendar-pagination .current,
  .mod_calendar .calendar-pagination .previous,
  .mod_calendar .calendar-pagination .next {
    display: block;
    position: relative;
  }
  .mod_calendar .calendar-head .label span {
    display: none;
  }
}
.mod_newsarchive .news_article,
.mod_newslist .news_article {
  margin: -14px;
  overflow: hidden;
  width: calc(100% + 28px);
}

.mod_newsarchive .news_article,
.mod_newslist .news_article {
  display: flex;
  flex-wrap: wrap;
}

.mod_newsarchive .layout_latest,
.mod_newslist .layout_latest {
  float: left;
  margin: 14px;
  overflow: hidden;
  position: relative;
  width: calc(100% - 28px);
}

.mod_newsarchive .layout_latest h2 > a:hover,
.mod_newslist .layout_latest h2 > a:hover {
  text-decoration: none;
}

.mod_newsarchive .layout_latest h3,
.mod_newslist .layout_latest h3 {
  margin-top: -14px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
}

.mod_newsarchive .layout_latest figure img,
.mod_newslist .layout_latest figure img {
  height: 100%;
  object-fit: cover;
  object-position: 50%;
}

.mod_newsarchive .layout_latest p.info,
.mod_newslist .layout_latest p.info {
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: -14px;
}

.mod_newsarchive .layout_latest time,
.mod_newslist .layout_latest time {
  display: block;
}

.mod_newsarchive:not([class*=button-]):not(:has(a.btn)) .layout_latest p.button,
.mod_newslist:not([class*=button-]):not(:has(a.btn)) .layout_latest p.button ,


.mod_newsarchive:not([class*=button-]):not(:has(a.btn)) .layout_latest p:has(>a.btn),
.mod_newslist:not([class*=button-]):not(:has(a.btn)) .layout_latest p:has(>a.btn) {
  padding: 0;
}

.mod_newsarchive .layout_latest .more,
.mod_newslist .layout_latest .more {
  margin: 0 -14px;
  padding: 7px 11px;
}

.mod_newsreader .layout_full p.info {
  font-size: 12px;
  font-size: 0.75rem;
  margin-top: -14px;
}

.mod_newsreader .layout_full time {
  display: block;
}

.mod_subscribe.activate form {
  display: none;
}

.mod_unsubscribe .widget-text input.text {
  float: left;
  width: calc(100% - 101px);
}

.mod_unsubscribe .widget-submit button {
  float: right;
  margin: 0;
}

.wartungsmodus .logo {
  margin: 0 auto;
  width: 325px;
}

@media screen and (max-width: 1039px) {
  .wartungsmodus .logo {
    width: 200px;
  }
}
.switch-dark-mode {
  float: left;
  margin: 4px 0 -4px;
}

html[data-theme-ultimate-mode=off] .switch-dark-mode {
  display: none !important;
}

.switch-dark-mode p {
  float: right;
  font-size: 12px;
  font-size: 0.75rem;
  padding: 4px 7px;
}

.switch-dark-mode .switch {
  display: inline-block;
  height: 22px;
  position: relative;
  width: 42px;
}

.switch-dark-mode input {
  display: none;
}

.switch-dark-mode .slider {
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.switch-dark-mode .slider::before {
  bottom: 4px;
  content: "";
  height: 14px;
  left: 4px;
  position: absolute;
  width: 14px;
}

.switch-dark-mode input:checked + .slider::before,
[data-bs-theme=dark] .switch-dark-mode input + .slider::before {
  transform: translateX(21px);
}

@media screen and (min-width: 780px) {
  .header-left .switch-dark-mode,
  .header-right .switch-dark-mode {
    margin: 4px 0 0;
  }
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --tu-dark-page: #202020;
  --tu-dark-surface: #111;
  --tu-dark-surface-2: #1b1b1b;
  --tu-dark-surface-3: #30343a;
  --tu-dark-bg: var(--tu-dark-page);
  --tu-dark-border: #4a4f55;
  --tu-dark-border-soft: #353a40;
  --tu-dark-line: #8f9ba8;
  --tu-dark-text: #d2d2d2;
  --tu-dark-text-strong: #f3f3f3;
  --tu-dark-text-muted: #9aa3ad;
  --tu-dark-link: #65a8ff;
  --tu-dark-link-hover: #9cc8ff;
  --tu-dark-primary: #0d6efd;
  --tu-dark-primary-hover: #2b7fff;
  --tu-dark-success-bg: #173321;
  --tu-dark-success-border: #2f6f43;
  --tu-dark-success-text: #a9e6ba;
  --tu-dark-info-bg: #12333a;
  --tu-dark-info-border: #2c7887;
  --tu-dark-info-text: #a8e5f0;
  --tu-dark-warning-bg: #3a2f12;
  --tu-dark-warning-border: #8a6a18;
  --tu-dark-warning-text: #f2d37b;
  --tu-dark-danger-bg: #3d171b;
  --tu-dark-danger-border: #8f353f;
  --tu-dark-danger-text: #f0a9b0;
  --tu-dark-secondary-bg: #2a2d31;
  --tu-dark-secondary-border: #5a626a;
  --tu-dark-secondary-text: #d8dde3;
}

[data-bs-theme=dark] #toggle-nav::after,
[data-bs-theme=dark] #nav-main .toggle,
[data-bs-theme=dark] .nav-sub .toggle,
[data-bs-theme=dark] #nav-breadcrumb ul li a {
  color: var(--tu-dark-text-strong) !important;
}

[data-bs-theme=dark] body,
[data-bs-theme=dark] :is(.color-dark,.text-dark),
[data-bs-theme=dark] :is(.color-black,.text-black),
[data-bs-theme=dark] input:not([type=radio]):not([type=checkbox]),
[data-bs-theme=dark] textarea,
[data-bs-theme=dark] select,
[data-bs-theme=dark] button.button-default,
[data-bs-theme=dark] .button-default p.button a,
[data-bs-theme=dark] .button-default button.submit,
[data-bs-theme=dark] .content-toplink.button-default a,
[data-bs-theme=dark] #nav-top a,
[data-bs-theme=dark] #nav-top strong,
[data-bs-theme=dark] #nav-main a,
[data-bs-theme=dark] #nav-main strong,
[data-bs-theme=dark] .nav-sub a,
[data-bs-theme=dark] .nav-sub strong,
[data-bs-theme=dark] .mod_newsmenu a,
[data-bs-theme=dark] .mod_newsmenu strong,
[data-bs-theme=dark] #nav-footer a,
[data-bs-theme=dark] #nav-footer strong,
[data-bs-theme=dark] .content-team-box .content-headline a,
[data-bs-theme=dark] .content-teaser-box .content-headline a,
[data-bs-theme=dark] .content-teaser-box .highlight,
[data-bs-theme=dark] .mod_search h3 a,
[data-bs-theme=dark] .mod_newsarchive h2 a,
[data-bs-theme=dark] .mod_newslist h2 a ,


[data-bs-theme=dark] body,
[data-bs-theme=dark] .color-dark,
[data-bs-theme=dark] .color-black,
[data-bs-theme=dark] input:not([type=radio]):not([type=checkbox]),
[data-bs-theme=dark] textarea,
[data-bs-theme=dark] select,
[data-bs-theme=dark] button.btn-outline-secondary,
[data-bs-theme=dark] p:has(>a.btn.btn-outline-secondary) a,
[data-bs-theme=dark] button.submit.btn-outline-secondary,
[data-bs-theme=dark] .content-toplink a.btn-outline-secondary,
[data-bs-theme=dark] #nav-top a,
[data-bs-theme=dark] #nav-top strong,
[data-bs-theme=dark] #nav-main a,
[data-bs-theme=dark] #nav-main strong,
[data-bs-theme=dark] .nav-sub a,
[data-bs-theme=dark] .nav-sub strong,
[data-bs-theme=dark] .mod_newsmenu a,
[data-bs-theme=dark] .mod_newsmenu strong,
[data-bs-theme=dark] #nav-footer a,
[data-bs-theme=dark] #nav-footer strong,
[data-bs-theme=dark] .content-team-box .content-headline a,
[data-bs-theme=dark] .content-teaser-box .content-headline a,
[data-bs-theme=dark] .content-teaser-box .highlight,
[data-bs-theme=dark] .mod_search h3 a,
[data-bs-theme=dark] .mod_newsarchive h2 a,
[data-bs-theme=dark] .mod_newslist h2 a {
  color: var(--tu-dark-text) !important;
}

[data-bs-theme=dark] h1,
[data-bs-theme=dark] h2,
[data-bs-theme=dark] h3,
[data-bs-theme=dark] h4,
[data-bs-theme=dark] h5,
[data-bs-theme=dark] h6,
[data-bs-theme=dark] .content-headline,
[data-bs-theme=dark] .content-headline.standard,
[data-bs-theme=dark] .mod_calendar .calendar-pagination .current,
[data-bs-theme=dark] .content-price-table .price-box .currency,
[data-bs-theme=dark] .content-price-table .price-box .price,
[data-bs-theme=dark] .content-price-table .price-box .unit {
  color: var(--tu-dark-text-strong);
}

[data-bs-theme=dark] a,
[data-bs-theme=dark] :is(.color-primary,.text-primary),
[data-bs-theme=dark] button.button-link,
[data-bs-theme=dark] .button-link p.button a,
[data-bs-theme=dark] .button-link button.submit,
[data-bs-theme=dark] .content-toplink.button-link a,
[data-bs-theme=dark] button.button-bracket-link,
[data-bs-theme=dark] .button-bracket-link p.button a,
[data-bs-theme=dark] .button-bracket-link button.submit,
[data-bs-theme=dark] .content-toplink.button-bracket-link a,
[data-bs-theme=dark] .mod_calendar .calendar-body > div > div .event a ,


[data-bs-theme=dark] a,
[data-bs-theme=dark] .color-primary,
[data-bs-theme=dark] button.btn-link,
[data-bs-theme=dark] p:has(>a.btn.btn-link) a,
[data-bs-theme=dark] button.submit.btn-link,
[data-bs-theme=dark] .content-toplink a.btn-link,
[data-bs-theme=dark] button.btn-link.btn-bracket,
[data-bs-theme=dark] p:has(>a.btn.btn-link.btn-bracket) a,
[data-bs-theme=dark] button.submit.btn-link.btn-bracket,
[data-bs-theme=dark] .content-toplink a.btn-link.btn-bracket,
[data-bs-theme=dark] .mod_calendar .calendar-body > div > div .event a {
  color: var(--tu-dark-link);
}

[data-bs-theme=dark] a:hover,
[data-bs-theme=dark] button.button-link:hover,
[data-bs-theme=dark] .button-link p.button a:hover,
[data-bs-theme=dark] .button-link button.submit:hover,
[data-bs-theme=dark] .content-toplink.button-link a:hover,
[data-bs-theme=dark] button.button-bracket-link:hover,
[data-bs-theme=dark] .button-bracket-link p.button a:hover,
[data-bs-theme=dark] .button-bracket-link button.submit:hover,
[data-bs-theme=dark] .content-toplink.button-bracket-link a:hover ,


[data-bs-theme=dark] a:hover,
[data-bs-theme=dark] button.btn-link:hover,
[data-bs-theme=dark] p:has(>a.btn.btn-link) a:hover,
[data-bs-theme=dark] button.submit.btn-link:hover,
[data-bs-theme=dark] .content-toplink a.btn-link:hover,
[data-bs-theme=dark] button.btn-link.btn-bracket:hover,
[data-bs-theme=dark] p:has(>a.btn.btn-link.btn-bracket) a:hover,
[data-bs-theme=dark] button.submit.btn-link.btn-bracket:hover,
[data-bs-theme=dark] .content-toplink a.btn-link.btn-bracket:hover {
  color: var(--tu-dark-link-hover);
}

[data-bs-theme=dark] :is(.color-secondary,.text-secondary),
[data-bs-theme=dark] #nav-breadcrumb ul li,
[data-bs-theme=dark] #nav-breadcrumb ul li + li::before,
[data-bs-theme=dark] blockquote footer,
[data-bs-theme=dark] .content-download .size,
[data-bs-theme=dark] .content-downloads .size,
[data-bs-theme=dark] .content-price-table .price-info,
[data-bs-theme=dark] .content-price-table .services-list .item.deactivate,
[data-bs-theme=dark] .mod_search .relevance,
[data-bs-theme=dark] small,
[data-bs-theme=dark] .small,
[data-bs-theme=dark] figcaption {
  color: var(--tu-dark-text-muted) !important;
}

[data-bs-theme=dark] .content-quote-box blockquote::before {
  color: var(--tu-dark-text-muted);
}

[data-bs-theme=dark] .content-quote-box.quote-box-2 blockquote::before {
  color: rgba(229, 231, 235, 0.18);
}

[data-bs-theme=dark] .content-quote-box.border-white blockquote::before {
  color: #fff;
}

[data-bs-theme=dark] .content-quote-box.border-light blockquote::before {
  color: #f8f9fa;
}

[data-bs-theme=dark] .content-quote-box.border-dark blockquote::before {
  color: #212529;
}

[data-bs-theme=dark] .content-quote-box.border-black blockquote::before {
  color: #000;
}

[data-bs-theme=dark] .content-quote-box.border-success blockquote::before {
  color: #198754;
}

[data-bs-theme=dark] .content-quote-box.border-info blockquote::before {
  color: #0dcaf0;
}

[data-bs-theme=dark] .content-quote-box.border-warning blockquote::before {
  color: #ffc107;
}

[data-bs-theme=dark] .content-quote-box.border-danger blockquote::before {
  color: #dc3545;
}

[data-bs-theme=dark] .content-quote-box.border-primary blockquote::before {
  color: #0d6efd;
}

[data-bs-theme=dark] .content-quote-box.border-secondary blockquote::before {
  color: #6c757d;
}

[data-bs-theme=dark] body,
[data-bs-theme=dark] #wrapper,
[data-bs-theme=dark] #container,
[data-bs-theme=dark] #main,
[data-bs-theme=dark] #left,
[data-bs-theme=dark] #right,
[data-bs-theme=dark] #header,
[data-bs-theme=dark] #teaser,
[data-bs-theme=dark] #footer,
[data-bs-theme=dark] :is(.bg-white,.bg-body),
[data-bs-theme=dark] button.button-default,
[data-bs-theme=dark] .button-default p.button,
[data-bs-theme=dark] .button-default button.submit,
[data-bs-theme=dark] .content-toplink.button-default,
[data-bs-theme=dark] .layout_latest,
[data-bs-theme=dark] #nav-main ul.level_2,
[data-bs-theme=dark] #nav-main ul.level_4,
[data-bs-theme=dark] #nav-main ul.level_6,
[data-bs-theme=dark] .nav-sub ul.level_1,
[data-bs-theme=dark] .nav-sub ul.level_3,
[data-bs-theme=dark] .mod_newsmenu ul.level_1,
[data-bs-theme=dark] .content-download::before,
[data-bs-theme=dark] .content-downloads::before ,


[data-bs-theme=dark] body,
[data-bs-theme=dark] #wrapper,
[data-bs-theme=dark] #container,
[data-bs-theme=dark] #main,
[data-bs-theme=dark] #left,
[data-bs-theme=dark] #right,
[data-bs-theme=dark] #header,
[data-bs-theme=dark] #teaser,
[data-bs-theme=dark] #footer,
[data-bs-theme=dark] .bg-white,
[data-bs-theme=dark] button.btn-outline-secondary,
[data-bs-theme=dark] p:has(>a.btn.btn-outline-secondary),
[data-bs-theme=dark] button.submit.btn-outline-secondary,
[data-bs-theme=dark] .content-toplink.button-default,
[data-bs-theme=dark] .layout_latest,
[data-bs-theme=dark] #nav-main ul.level_2,
[data-bs-theme=dark] #nav-main ul.level_4,
[data-bs-theme=dark] #nav-main ul.level_6,
[data-bs-theme=dark] .nav-sub ul.level_1,
[data-bs-theme=dark] .nav-sub ul.level_3,
[data-bs-theme=dark] .mod_newsmenu ul.level_1,
[data-bs-theme=dark] .content-download::before,
[data-bs-theme=dark] .content-downloads::before {
  background-color: var(--tu-dark-surface-2) !important;
}

[data-bs-theme=dark] body,
[data-bs-theme=dark] #wrapper,
[data-bs-theme=dark] #container,
[data-bs-theme=dark] #main,
[data-bs-theme=dark] #left,
[data-bs-theme=dark] #right,
[data-bs-theme=dark] #footer {
  background-color: var(--tu-dark-page) !important;
}

[data-bs-theme=dark] .content-quote-box.quote-box-3:not([class*=bg-icon]) blockquote::before {
  background: transparent !important;
}

[data-bs-theme=dark] :is(.bg-light,.bg-body-tertiary),
[data-bs-theme=dark] #nav-main ul.level_3,
[data-bs-theme=dark] #nav-main ul.level_5,
[data-bs-theme=dark] .nav-sub ul.level_2,
[data-bs-theme=dark] #nav-breadcrumb ul,
[data-bs-theme=dark] .filter_reset,
[data-bs-theme=dark] .content-code code,
[data-bs-theme=dark] .content-gallery figcaption,
[data-bs-theme=dark] .content-image figcaption,
[data-bs-theme=dark] .content-text hr,
[data-bs-theme=dark] .content-text pre,
[data-bs-theme=dark] .content-tabs.tabs-1 > label,
[data-bs-theme=dark] .content-filter-wrapper .filter-controls li,
[data-bs-theme=dark] .content-accordion .handorgel__header button,
[data-bs-theme=dark] .content-accordion .handorgel__content,
[data-bs-theme=dark] .content-text-image-tile:is(.bg-white,.bg-body),
[data-bs-theme=dark] .content-text-image-tile:is(.bg-light,.bg-body-tertiary),
[data-bs-theme=dark] .content-price-table:is(.bg-white,.bg-body),
[data-bs-theme=dark] .content-price-table:is(.bg-light,.bg-body-tertiary),
[data-bs-theme=dark] .content-icon-box:is(.bg-white,.bg-body),
[data-bs-theme=dark] .content-icon-box:is(.bg-light,.bg-body-tertiary),
[data-bs-theme=dark] .content-team-box:is(.bg-white,.bg-body),
[data-bs-theme=dark] .content-team-box:is(.bg-light,.bg-body-tertiary),
[data-bs-theme=dark] .content-teaser-box .box-inside:is(.bg-white,.bg-body),
[data-bs-theme=dark] .content-teaser-box .box-inside:is(.bg-light,.bg-body-tertiary),
[data-bs-theme=dark] .content-text-image-tile:is(.bg-light,.bg-body-tertiary) .box-img.arrow::before,
[data-bs-theme=dark] .content-timeline.bg-icon-light .box-date::before,
[data-bs-theme=dark] .content-timeline.timeline-light::before,
[data-bs-theme=dark] .content-timeline.timeline-light .box-text::before,
[data-bs-theme=dark] .content-quote-box.quote-box-3.bg-icon-light blockquote::before,
[data-bs-theme=dark] .mod_calendar .calendar-head .label,
[data-bs-theme=dark] .mod_calendar .calendar-body > div > div .label,
[data-bs-theme=dark] nav[data-pagination] ol li a:hover,
[data-bs-theme=dark] .pagination ul li a:hover,
[data-bs-theme=dark] tfoot td,
[data-bs-theme=dark] th {
  background-color: var(--tu-dark-surface) !important;
}

[data-bs-theme=dark] .bg-dark,
[data-bs-theme=dark] .content-timeline::before,
[data-bs-theme=dark] .content-timeline .box-text::before,
[data-bs-theme=dark] .content-timeline.timeline-dark::before,
[data-bs-theme=dark] .content-timeline.timeline-dark .box-text::before,
[data-bs-theme=dark] .content-text-image-tile.bg-dark .box-img.arrow::before,
[data-bs-theme=dark] .content-quote-box.quote-box-3.bg-icon-dark blockquote::before {
  background-color: var(--tu-dark-surface) !important;
}

[data-bs-theme=dark] .bg-black,
[data-bs-theme=dark] .content-timeline.timeline-black::before,
[data-bs-theme=dark] .content-timeline.timeline-black .box-text::before,
[data-bs-theme=dark] .content-text-image-tile.bg-black .box-img.arrow::before,
[data-bs-theme=dark] .content-quote-box.quote-box-3.bg-icon-black blockquote::before {
  background-color: #080808 !important;
}

[data-bs-theme=dark] .content-price-table:is(.bg-white,.bg-body) {
  background-color: var(--tu-dark-surface-2) !important;
}

[data-bs-theme=dark] .content-price-table:is(.bg-light,.bg-body-tertiary) {
  background-color: var(--tu-dark-surface-3) !important;
}

[data-bs-theme=dark] .content-price-table.bg-dark {
  background-color: var(--tu-dark-surface) !important;
}

[data-bs-theme=dark] .content-price-table.bg-black {
  background-color: #080808 !important;
}

[data-bs-theme=dark] .content-timeline .box-date::before {
  background: transparent !important;
}

[data-bs-theme=dark] .content-timeline .box-date::after {
  background-color: transparent;
}

[data-bs-theme=dark] .content-timeline::before,
[data-bs-theme=dark] .content-timeline .box-text::before,
[data-bs-theme=dark] .content-timeline.timeline-light::before,
[data-bs-theme=dark] .content-timeline.timeline-light .box-text::before,
[data-bs-theme=dark] .content-timeline.timeline-dark::before,
[data-bs-theme=dark] .content-timeline.timeline-dark .box-text::before,
[data-bs-theme=dark] .content-timeline.timeline-black::before,
[data-bs-theme=dark] .content-timeline.timeline-black .box-text::before {
  background-color: var(--tu-dark-line) !important;
}

[data-bs-theme=dark] .content-toggle-wrapper:not(.show)::after {
  background: linear-gradient(180deg, rgba(33, 33, 33, 0), var(--tu-dark-bg) 90%) !important;
}

[data-bs-theme=dark] .content-toggle-wrapper:is(.bg-white,.bg-body):not(.show)::after,
[data-bs-theme=dark] .content-toggle-wrapper:is(.bg-light,.bg-body-tertiary):not(.show)::after,
[data-bs-theme=dark] .content-toggle-wrapper.bg-dark:not(.show)::after,
[data-bs-theme=dark] .content-toggle-wrapper.bg-black:not(.show)::after {
  background: linear-gradient(180deg, rgba(33, 33, 33, 0), var(--tu-dark-surface-2) 90%) !important;
}

[data-bs-theme=dark] button.button-default:hover,
[data-bs-theme=dark] .button-default p.button:hover,
[data-bs-theme=dark] .button-default button.submit:hover,
[data-bs-theme=dark] .content-accordion .handorgel__header button:hover,
[data-bs-theme=dark] .content-accordion .handorgel__header--open button,
[data-bs-theme=dark] .content-filter-wrapper .filter-controls li:hover,
[data-bs-theme=dark] .content-filter-wrapper .filter-controls li.is-active,
[data-bs-theme=dark] .content-toplink.button-default:hover,
[data-bs-theme=dark] .content-tabs.tabs-1 > label:hover ,


[data-bs-theme=dark] button.btn-outline-secondary:hover,
[data-bs-theme=dark] p:has(>a.btn.btn-outline-secondary):hover,
[data-bs-theme=dark] button.submit.btn-outline-secondary:hover,
[data-bs-theme=dark] .content-accordion .handorgel__header button:hover,
[data-bs-theme=dark] .content-accordion .handorgel__header--open button,
[data-bs-theme=dark] .content-filter-wrapper .filter-controls li:hover,
[data-bs-theme=dark] .content-filter-wrapper .filter-controls li.is-active,
[data-bs-theme=dark] .content-toplink.button-default:hover,
[data-bs-theme=dark] .content-tabs.tabs-1 > label:hover {
  background-color: var(--tu-dark-surface-3) !important;
}

/* Marken-Aktionsfarben (button-/bg-success/info/warning) bleiben im Dark-Mode
   unverändert. */
[data-bs-theme=dark] .content-code code.hljs {
  background-color: #0d1117 !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
}

[data-bs-theme=dark] .content-code code,
[data-bs-theme=dark] .content-text pre,
[data-bs-theme=dark] .content-text pre code {
  background-color: #0d1117 !important;
  border-color: #30363d !important;
  color: #c9d1d9 !important;
}

[data-bs-theme=dark] .content-text :not(pre) > code,
[data-bs-theme=dark] .content-table :not(pre) > code,
[data-bs-theme=dark] table :not(pre) > code {
  background-color: transparent !important;
  border-color: transparent !important;
  color: inherit !important;
  padding-left: 0;
  padding-right: 0;
}

[data-bs-theme=dark] .hljs-comment,
[data-bs-theme=dark] .hljs-quote {
  color: #8b949e !important;
}

[data-bs-theme=dark] .hljs-keyword,
[data-bs-theme=dark] .hljs-selector-tag,
[data-bs-theme=dark] .hljs-subst {
  color: #ff7b72 !important;
}

[data-bs-theme=dark] .hljs-number,
[data-bs-theme=dark] .hljs-literal,
[data-bs-theme=dark] .hljs-variable,
[data-bs-theme=dark] .hljs-template-variable,
[data-bs-theme=dark] .hljs-attribute {
  color: #79c0ff !important;
}

[data-bs-theme=dark] .hljs-string,
[data-bs-theme=dark] .hljs-regexp,
[data-bs-theme=dark] .hljs-addition {
  color: #a5d6ff !important;
}

[data-bs-theme=dark] .hljs-title,
[data-bs-theme=dark] .hljs-section,
[data-bs-theme=dark] .hljs-selector-id {
  color: #d2a8ff !important;
}

[data-bs-theme=dark] .hljs-selector-class,
[data-bs-theme=dark] .hljs-selector-attr,
[data-bs-theme=dark] .hljs-selector-pseudo,
[data-bs-theme=dark] .hljs-type,
[data-bs-theme=dark] .hljs-built_in,
[data-bs-theme=dark] .hljs-builtin-name,
[data-bs-theme=dark] .hljs-tag,
[data-bs-theme=dark] .hljs-name {
  color: #7ee787 !important;
}

[data-bs-theme=dark] .hljs-attr {
  color: #79c0ff !important;
}

[data-bs-theme=dark] .hljs-meta,
[data-bs-theme=dark] .hljs-symbol,
[data-bs-theme=dark] .hljs-bullet,
[data-bs-theme=dark] .hljs-link {
  color: #ffa657 !important;
}

[data-bs-theme=dark] .hljs-deletion {
  background-color: #490202 !important;
  color: #ffa198 !important;
}

[data-bs-theme=dark] mark {
  background-color: #5c4b13;
  color: var(--tu-dark-text-strong);
}

[data-bs-theme=dark] .border-default,
[data-bs-theme=dark] button.button-default,
[data-bs-theme=dark] .button-default p.button,
[data-bs-theme=dark] .button-default button.submit,
[data-bs-theme=dark] .content-toplink.button-default,
[data-bs-theme=dark] th,
[data-bs-theme=dark] td,
[data-bs-theme=dark] input,
[data-bs-theme=dark] textarea,
[data-bs-theme=dark] select,
[data-bs-theme=dark] .content-accordion .handorgel__header button,
[data-bs-theme=dark] .content-code code,
[data-bs-theme=dark] .content-filter-wrapper .filter-controls li,
[data-bs-theme=dark] .content-gallery a img,
[data-bs-theme=dark] .content-gallery figcaption,
[data-bs-theme=dark] .content-image a img,
[data-bs-theme=dark] .content-tabs.tabs-1 > label,
[data-bs-theme=dark] .content-team-box.border-default,
[data-bs-theme=dark] .content-team-box .border-default img,
[data-bs-theme=dark] .content-text pre,
[data-bs-theme=dark] .content-quote-box .border-default img,
[data-bs-theme=dark] .mod_calendar .calendar-head .label,
[data-bs-theme=dark] .mod_calendar .calendar-body > div > div,
[data-bs-theme=dark] nav[data-pagination] ol li a,
[data-bs-theme=dark] .pagination ul li a,
[data-bs-theme=dark] .content-download,
[data-bs-theme=dark] .content-downloads,
[data-bs-theme=dark] .content-download::before,
[data-bs-theme=dark] .content-downloads::before,
[data-bs-theme=dark] blockquote ,


[data-bs-theme=dark] .border-default,
[data-bs-theme=dark] button.btn-outline-secondary,
[data-bs-theme=dark] p:has(>a.btn.btn-outline-secondary),
[data-bs-theme=dark] button.submit.btn-outline-secondary,
[data-bs-theme=dark] .content-toplink.button-default,
[data-bs-theme=dark] th,
[data-bs-theme=dark] td,
[data-bs-theme=dark] input,
[data-bs-theme=dark] textarea,
[data-bs-theme=dark] select,
[data-bs-theme=dark] .content-accordion .handorgel__header button,
[data-bs-theme=dark] .content-code code,
[data-bs-theme=dark] .content-filter-wrapper .filter-controls li,
[data-bs-theme=dark] .content-gallery a img,
[data-bs-theme=dark] .content-gallery figcaption,
[data-bs-theme=dark] .content-image a img,
[data-bs-theme=dark] .content-tabs.tabs-1 > label,
[data-bs-theme=dark] .content-team-box.border-default,
[data-bs-theme=dark] .content-team-box .border-default img,
[data-bs-theme=dark] .content-text pre,
[data-bs-theme=dark] .content-quote-box .border-default img,
[data-bs-theme=dark] .mod_calendar .calendar-head .label,
[data-bs-theme=dark] .mod_calendar .calendar-body > div > div,
[data-bs-theme=dark] nav[data-pagination] ol li a,
[data-bs-theme=dark] .pagination ul li a,
[data-bs-theme=dark] .content-download,
[data-bs-theme=dark] .content-downloads,
[data-bs-theme=dark] .content-download::before,
[data-bs-theme=dark] .content-downloads::before,
[data-bs-theme=dark] blockquote {
  border-color: var(--tu-dark-border);
}

[data-bs-theme=dark] .border-light,
[data-bs-theme=dark] .border-dark,
[data-bs-theme=dark] .border-black,
[data-bs-theme=dark] .content-icon-box[class*=border-],
[data-bs-theme=dark] .content-team-box[class*=border-] {
  border-color: var(--tu-dark-border-soft);
}

[data-bs-theme=dark] input:focus,
[data-bs-theme=dark] textarea:focus,
[data-bs-theme=dark] select:focus,
[data-bs-theme=dark] nav[data-pagination] ol li a.active,
[data-bs-theme=dark] nav[data-pagination] ul li a.active,
[data-bs-theme=dark] nav[data-pagination] ol li strong,
[data-bs-theme=dark] nav[data-pagination] ul li strong,
[data-bs-theme=dark] .pagination ul li strong {
  border-color: var(--tu-dark-primary);
}

[data-bs-theme=dark] .content-timeline.icon-light .box-date::after,
[data-bs-theme=dark] .content-timeline.icon-dark .box-date::after,
[data-bs-theme=dark] .content-timeline.icon-black .box-date::after,
[data-bs-theme=dark] .content-timeline.icon-white .box-date::after {
  border-color: var(--tu-dark-surface-2);
}

[data-bs-theme=dark] input,
[data-bs-theme=dark] textarea,
[data-bs-theme=dark] select,
[data-bs-theme=dark] .content-accordion .handorgel__header button,
[data-bs-theme=dark] .content-accordion .handorgel__content,
[data-bs-theme=dark] .layout_latest,
[data-bs-theme=dark] .content-price-table[class*=bg-],
[data-bs-theme=dark] .content-icon-box[class*=bg-],
[data-bs-theme=dark] .content-team-box[class*=bg-] {
  box-shadow: none;
}

[data-bs-theme=dark] input:not([type=radio]):not([type=checkbox]),
[data-bs-theme=dark] textarea,
[data-bs-theme=dark] select {
  background-color: var(--tu-dark-surface);
  border-color: var(--tu-dark-border);
}

[data-bs-theme=dark] input::placeholder,
[data-bs-theme=dark] textarea::placeholder {
  color: var(--tu-dark-text-muted);
}

[data-bs-theme=dark] #nav-top-bar,
[data-bs-theme=dark] #nav-main-bar {
  border-color: var(--tu-dark-border-soft);
}

[data-bs-theme=dark] #nav-main ul.level_1 > li.submenu > a::after,
[data-bs-theme=dark] #nav-main ul.level_1 > li.submenu > strong::after,
[data-bs-theme=dark] #nav-main ul.level_1 > li.submenu > a::before,
[data-bs-theme=dark] #nav-main ul.level_1 > li.submenu > strong::before {
  color: var(--tu-dark-text-muted);
}

@media screen and (max-width: 779px) {
  [data-bs-theme=dark] #nav-main,
  [data-bs-theme=dark] #nav-main ul,
  [data-bs-theme=dark] #nav-main ul.level_1,
  [data-bs-theme=dark] #nav-main ul.level_3,
  [data-bs-theme=dark] #nav-main ul.level_5 {
    background-color: var(--tu-dark-surface-2) !important;
  }
  [data-bs-theme=dark] #nav-main ul.level_2,
  [data-bs-theme=dark] #nav-main ul.level_4,
  [data-bs-theme=dark] #nav-main ul.level_6 {
    background-color: var(--tu-dark-surface-2) !important;
  }
  [data-bs-theme=dark] #nav-main ul.nav-toggle:not(.level_1) {
    border-left-color: var(--tu-dark-surface-2) !important;
  }
  [data-bs-theme=dark] #nav-main li,
  [data-bs-theme=dark] #nav-main li > a,
  [data-bs-theme=dark] #nav-main li > strong {
    background-color: var(--tu-dark-surface-2) !important;
  }
  [data-bs-theme=dark] #nav-main li.active,
  [data-bs-theme=dark] #nav-main li.trail,
  [data-bs-theme=dark] #nav-main li.active > a,
  [data-bs-theme=dark] #nav-main li.active > strong,
  [data-bs-theme=dark] #nav-main li.trail > a,
  [data-bs-theme=dark] #nav-main li.trail > strong {
    background-color: var(--tu-dark-surface-3) !important;
  }
  [data-bs-theme=dark] #nav-main li > .toggle,
  [data-bs-theme=dark] #nav-main li > .toggle:hover,
  [data-bs-theme=dark] #nav-main li > .toggle:focus,
  [data-bs-theme=dark] #nav-main li.active > .toggle,
  [data-bs-theme=dark] #nav-main li.trail > .toggle {
    background: transparent !important;
    box-shadow: none;
  }
  [data-bs-theme=dark] #nav-main li.active > a,
  [data-bs-theme=dark] #nav-main li.active > strong,
  [data-bs-theme=dark] #nav-main li.trail > a,
  [data-bs-theme=dark] #nav-main li.trail > strong,
  [data-bs-theme=dark] #nav-main a:hover,
  [data-bs-theme=dark] #nav-main strong {
    color: var(--tu-dark-text-strong) !important;
  }
  [data-bs-theme=dark] #nav-main .toggle {
    color: var(--tu-dark-text-strong) !important;
  }
}
[data-bs-theme=dark] .nav-sub a:hover,
[data-bs-theme=dark] .nav-sub strong,
[data-bs-theme=dark] .nav-sub li.active > a,
[data-bs-theme=dark] .nav-sub li.active > strong,
[data-bs-theme=dark] .mod_newsmenu a:hover,
[data-bs-theme=dark] .mod_newsmenu strong {
  background-color: var(--tu-dark-surface-3);
  color: var(--tu-dark-text-strong) !important;
}

[data-bs-theme=dark] #nav-breadcrumb ul {
  color: var(--tu-dark-text-muted);
}

[data-bs-theme=dark] nav[data-pagination] ol li a,
[data-bs-theme=dark] nav[data-pagination] ul li a,
[data-bs-theme=dark] nav[data-pagination] ol li strong,
[data-bs-theme=dark] nav[data-pagination] ul li strong,
[data-bs-theme=dark] .pagination ul li a,
[data-bs-theme=dark] .pagination ul li strong {
  background-color: var(--tu-dark-surface);
  border-color: var(--tu-dark-border);
  color: var(--tu-dark-link);
}

[data-bs-theme=dark] nav[data-pagination] ol li a:hover,
[data-bs-theme=dark] nav[data-pagination] ul li a:hover,
[data-bs-theme=dark] .pagination ul li a:hover {
  background-color: var(--tu-dark-surface-3) !important;
  color: var(--tu-dark-text-strong);
}

[data-bs-theme=dark] nav[data-pagination] ol li a.active,
[data-bs-theme=dark] nav[data-pagination] ul li a.active,
[data-bs-theme=dark] nav[data-pagination] ol li strong,
[data-bs-theme=dark] nav[data-pagination] ul li strong,
[data-bs-theme=dark] .pagination ul li strong {
  background-color: var(--tu-dark-primary);
  border-color: var(--tu-dark-primary);
  color: #fff;
}

[data-bs-theme=dark] .content-accordion .handorgel__header button {
  color: var(--tu-dark-text);
}

[data-bs-theme=dark] .content-accordion .handorgel__header button:hover,
[data-bs-theme=dark] .content-accordion .handorgel__header--open button {
  color: var(--tu-dark-text-strong);
}

[data-bs-theme=dark] .content-accordion .handorgel__content {
  color: var(--tu-dark-text);
}

[data-bs-theme=dark] .content-accordion .handorgel__content {
  background-color: transparent !important;
}

[data-bs-theme=dark] .content-image figure,
[data-bs-theme=dark] .content-gallery figure,
[data-bs-theme=dark] .content-text figure {
  border-color: var(--tu-dark-border-soft) !important;
}

[data-bs-theme=dark] .content-image figcaption,
[data-bs-theme=dark] .content-gallery figcaption,
[data-bs-theme=dark] .content-text figure figcaption {
  background-color: var(--tu-dark-surface) !important;
  border-color: var(--tu-dark-border-soft) !important;
  color: var(--tu-dark-text-muted) !important;
}

[data-bs-theme=dark] .content-tabs > label,
[data-bs-theme=dark] .content-tabs.tabs-1 > label,
[data-bs-theme=dark] .content-filter-wrapper .filter-controls li {
  color: var(--tu-dark-text);
}

[data-bs-theme=dark] .content-tabs .tab-panel {
  color: var(--tu-dark-text);
}

[data-bs-theme=dark] .content-image-layer .image-layer-control-description {
  color: var(--tu-dark-text-muted);
}

[data-bs-theme=dark] .content-column-wrapper.grid-info {
  background-color: var(--tu-dark-surface-3) !important;
  border-color: var(--tu-dark-page) !important;
  color: var(--tu-dark-text) !important;
}

[data-bs-theme=dark] .content-column-wrapper.grid-info h1,
[data-bs-theme=dark] .content-column-wrapper.grid-info h2,
[data-bs-theme=dark] .content-column-wrapper.grid-info h3,
[data-bs-theme=dark] .content-column-wrapper.grid-info strong {
  color: var(--tu-dark-text-strong) !important;
}

[data-bs-theme=dark] .content-filter-wrapper .filter-controls li.is-active,
[data-bs-theme=dark] .content-tabs > input:checked + label {
  color: var(--tu-dark-text-strong);
}

[data-bs-theme=dark] .content-tabs > input:checked + label {
  background-color: transparent !important;
}

[data-bs-theme=dark] .mod_calendar .calendar-body > div > div {
  background-color: var(--tu-dark-surface-2);
}

[data-bs-theme=dark] .mod_calendar .calendar-body > div > div.empty {
  background-color: var(--tu-dark-surface);
}

[data-bs-theme=dark] .mod_calendar .calendar-body > div > div.today {
  background-color: #1f2c3b;
}

[data-bs-theme=dark] .mod_calendar .calendar-body > div > div .label {
  color: var(--tu-dark-text-muted);
}

[data-bs-theme=dark] .mod_calendar .calendar-body > div > div.today .label {
  background-color: var(--tu-dark-primary) !important;
  color: #fff;
}

[data-bs-theme=dark] .content-timeline .box-date {
  color: var(--tu-dark-text);
}

[data-bs-theme=dark] .content-timeline .box-text .inside[class*=bg-] {
  background-color: var(--tu-dark-surface-2) !important;
  color: var(--tu-dark-text);
}

[data-bs-theme=dark] .content-changelog-timeline .changelog-nr,
[data-bs-theme=dark] .changelog .handorgel__header button span,
[data-bs-theme=dark] .changelog .handorgel__header button small {
  color: var(--tu-dark-text-muted);
}

[data-bs-theme=dark] .changelog .handorgel__header button strong,
[data-bs-theme=dark] .content-changelog-timeline h2,
[data-bs-theme=dark] .content-changelog-timeline h3 {
  color: var(--tu-dark-text-strong);
}

[data-bs-theme=dark] .content-image-layer .image-layer-controls,
[data-bs-theme=dark] .content-image-layer .image-layer-zoom-button {
  background-color: var(--tu-dark-surface-2);
  border-color: var(--tu-dark-border);
  color: var(--tu-dark-text);
}

[data-bs-theme=dark] .content-image-layer .image-layer-control-checkbox {
  accent-color: var(--tu-dark-primary);
}

[data-bs-theme=dark] .content-image-layer .image-layer-zoom-button:hover {
  background-color: var(--tu-dark-surface-3);
  color: var(--tu-dark-text-strong);
}

[data-bs-theme=dark] .changelog .handorgel__header button .badge,
[data-bs-theme=dark] .changelog .handorgel__header button [class*=badge],
[data-bs-theme=dark] .changelog .handorgel__header button [class*=label] {
  background-color: var(--tu-dark-surface-3);
  border-color: var(--tu-dark-primary);
  color: var(--tu-dark-text-strong);
}

[data-bs-theme=dark] .mod_newsarchive .layout_latest,
[data-bs-theme=dark] .mod_newslist .layout_latest,
[data-bs-theme=dark] .mod_search .header,
[data-bs-theme=dark] .mod_search .info {
  color: var(--tu-dark-text);
}

[data-bs-theme=dark] .content-quote-box.quote-box-1,
[data-bs-theme=dark] .content-quote-box.quote-box-2,
[data-bs-theme=dark] .content-quote-box.quote-box-3 {
  background-color: transparent !important;
}

[data-bs-theme=dark] .content-quote-box.quote-box-3 blockquote::before {
  background-color: var(--tu-dark-page) !important;
}

[data-bs-theme=dark] .content-image figure a img {
  border-color: var(--tu-dark-border-soft) !important;
}

[data-bs-theme=dark] .contao-cookiebar .cc-inner {
  --ccb-bg: var(--tu-dark-surface-2);
  --ccb-clr: var(--tu-dark-text-strong);
  --ccb-text: var(--tu-dark-text);
  --ccb-bdr: var(--tu-dark-border);
  --ccb-cookies-bg: var(--tu-dark-surface);
  --ccb-cookies-bdr: var(--tu-dark-border-soft);
  --ccb-info-bg: #161b22;
  --ccb-info-bdr: var(--tu-dark-border-soft);
  --ccb-detail-clr: var(--tu-dark-text);
  --ccb-detail-clr-hvr: var(--tu-dark-text-strong);
  --ccb-btn-bg: var(--tu-dark-surface-3);
  --ccb-btn-bg-hvr: #3b4148;
  --ccb-btn-bdr: var(--tu-dark-border);
  --ccb-btn-clr: var(--tu-dark-text-strong);
  --ccb-focus-clr: var(--tu-dark-link);
  /* Identisch zu hell: das Akzeptieren-Gruen ist ein semantisches Element und
     bleibt in beiden Modi der Bootstrap-5.3-Wert. */
  --ccb-success-bg: #198754;
  --ccb-success-bg-hvr: #157347;
  --ccb-success-bdr: #146c43;
}

[data-bs-theme=dark] .contao-cookiebar .cc-btn.success {
  background-color: var(--ccb-success-bg);
  border-color: var(--ccb-success-bdr);
  color: #fff;
}

[data-bs-theme=dark] .contao-cookiebar .cc-btn.success:hover,
[data-bs-theme=dark] .contao-cookiebar .cc-btn.success:focus {
  background-color: var(--ccb-success-bg-hvr);
  border-color: var(--ccb-success-bg-hvr);
  color: #fff;
}

[data-bs-theme=dark] .contao-cookiebar .cc-cookies,
[data-bs-theme=dark] .contao-cookiebar .cc-cookie-info {
  box-shadow: none;
}

[data-bs-theme=dark] .contao-cookiebar .cc-cookie-info {
  color: var(--tu-dark-text);
}

/* Hinweisboxen & Formmeldungen im Dark-Mode dunkel adaptieren: je Variante ein
   dunkel getoenter Hintergrund + heller Text + Rahmen (nicht pastell). Der farbige
   <strong> erbt die helle Variantenfarbe und bleibt so auf dunklem Grund lesbar. */
/* Graustufen-Varianten: eigener, klar unterscheidbarer Dunkel-Verlauf
   (weiss = hellster Ton -> schwarz = dunkelster), damit sie im Dark nicht alle
   gleich aussehen. Seiten-Hintergrund ist #202020. */
[data-bs-theme=dark] .content-notice-box:is(.notice-box-white,.alert-white) {
  background-color: #3d434d;
  border-color: #515863;
}

[data-bs-theme=dark] .content-notice-box:is(.notice-box-light,.alert-light) {
  background-color: #2b2f35;
  border-color: #3e434b;
}

[data-bs-theme=dark] .content-notice-box:is(.notice-box-dark,.alert-dark) {
  background-color: #17191d;
  border-color: #2a2d33;
}

[data-bs-theme=dark] .content-notice-box:is(.notice-box-black,.alert-black) {
  background-color: #090909;
  border-color: #212429;
}

[data-bs-theme=dark] .content-notice-box:is(.notice-box-white,.alert-white),
[data-bs-theme=dark] .content-notice-box:is(.notice-box-light,.alert-light),
[data-bs-theme=dark] .content-notice-box:is(.notice-box-dark,.alert-dark),
[data-bs-theme=dark] .content-notice-box:is(.notice-box-black,.alert-black) {
  color: var(--tu-dark-text);
}

[data-bs-theme=dark] .content-notice-box:is(.notice-box-success,.alert-success),
[data-bs-theme=dark] .ce_comments .tl_confirm,
[data-bs-theme=dark] .mod_changePassword p.tl_confirm,
[data-bs-theme=dark] .mod_lostPassword p.confirm,
[data-bs-theme=dark] .mod_personalData p.tl_confirm,
[data-bs-theme=dark] .mod_registration p.confirm,
[data-bs-theme=dark] .mod_subscribe p.confirm {
  background-color: var(--tu-dark-success-bg);
  border-color: var(--tu-dark-success-border);
  color: var(--tu-dark-success-text);
}

[data-bs-theme=dark] .content-notice-box:is(.notice-box-info,.alert-info),
[data-bs-theme=dark] .mod_search .info {
  background-color: var(--tu-dark-info-bg);
  border-color: var(--tu-dark-info-border);
  color: var(--tu-dark-info-text);
}

[data-bs-theme=dark] .content-notice-box:is(.notice-box-warning,.alert-warning) {
  background-color: var(--tu-dark-warning-bg);
  border-color: var(--tu-dark-warning-border);
  color: var(--tu-dark-warning-text);
}

[data-bs-theme=dark] .content-notice-box:is(.notice-box-danger,.alert-danger),
[data-bs-theme=dark] .mod_changePassword p.error,
[data-bs-theme=dark] .mod_login .error,
[data-bs-theme=dark] .mod_lostPassword p.error,
[data-bs-theme=dark] .mod_registration p.error,
[data-bs-theme=dark] .mod_subscribe p.error,
[data-bs-theme=dark] .mod_unsubscribe p.error {
  background-color: var(--tu-dark-danger-bg);
  border-color: var(--tu-dark-danger-border);
  color: var(--tu-dark-danger-text);
}

[data-bs-theme=dark] .content-notice-box:is(.notice-box-primary,.alert-primary) {
  background-color: var(--tu-dark-secondary-bg);
  border-color: var(--tu-dark-primary);
  color: var(--tu-dark-secondary-text);
}

[data-bs-theme=dark] .content-notice-box:is(.notice-box-secondary,.alert-secondary),
[data-bs-theme=dark] .content-notice-box:is(.notice-box-secondary-light,.alert-secondary-light),
[data-bs-theme=dark] .mod_search .header {
  background-color: var(--tu-dark-secondary-bg);
  border-color: var(--tu-dark-secondary-border);
  color: var(--tu-dark-secondary-text);
}

[data-bs-theme=dark] .mod_newsletterreader .newsletter,
[data-bs-theme=dark] .mod_newsletterreader .newsletter :is(p, h1, h2, h3, h4, h5, h6, td, th, li, strong, em, span, blockquote, figcaption) {
  color: #000;
}

.agentur-zentral-impressum {
  line-height: 1;
}

.agentur-zentral-impressum a[target=_blank]::after {
  content: "" !important;
}

.bg-warning,
.bg-warning :is(h1, h2, h3, h4, h5, h6, p, li, strong),
.bg-info,
.bg-info :is(h1, h2, h3, h4, h5, h6, p, li, strong) {
  color: #000 !important;
}

.bg-warning a:not(.button, .button a, .content-toplink a),
.bg-info a:not(.button, .button a, .content-toplink a) ,


.bg-warning a:not(p:has(>a.btn), p:has(>a.btn) a, .content-toplink a),
.bg-info a:not(p:has(>a.btn), p:has(>a.btn) a, .content-toplink a) {
  color: #000 !important;
  text-decoration: underline;
}

.bg-success,
.bg-success :is(h1, h2, h3, h4, h5, h6, p, li, strong),
.bg-danger,
.bg-danger :is(h1, h2, h3, h4, h5, h6, p, li, strong) {
  color: #fff !important;
}

.bg-success a:not(.button, .button a, .content-toplink a),
.bg-danger a:not(.button, .button a, .content-toplink a) ,


.bg-success a:not(p:has(>a.btn), p:has(>a.btn) a, .content-toplink a),
.bg-danger a:not(p:has(>a.btn), p:has(>a.btn) a, .content-toplink a) {
  color: #fff !important;
  text-decoration: underline;
}

:root:not([data-bs-theme=dark]) #nav-breadcrumb ul li,
:root:not([data-bs-theme=dark]) #nav-breadcrumb ul li + li::before {
  color: #495057;
}

:root:not([data-bs-theme=dark]) #nav-breadcrumb ul li a {
  color: #0a58ca;
}

:root:not([data-bs-theme=dark]) .content-price-table:is(.bg-light,.bg-body-tertiary) .price-info,
:root:not([data-bs-theme=dark]) .content-price-table:is(.bg-light,.bg-body-tertiary) .services-list .item.deactivate {
  color: #5c636a;
}

:root:not([data-bs-theme=dark]) .content-notice-box:is(.notice-box-info,.alert-info) a,
:root:not([data-bs-theme=dark]) .content-notice-box:is(.notice-box-warning,.alert-warning) a {
  color: #0a58ca;
}

:root:not([data-bs-theme=dark]) .content-notice-box:is(.notice-box-info,.alert-info) a:hover,
:root:not([data-bs-theme=dark]) .content-notice-box:is(.notice-box-warning,.alert-warning) a:hover {
  color: #084298;
}

[data-bs-theme=dark] :is(.color-success,.text-success) {
  color: #75b798 !important;
}

[data-bs-theme=dark] :is(.color-danger,.text-danger) {
  color: #ea868f !important;
}

button.button-light,
.button-light p.button,
.button-light button.submit,
.content-toplink.button-light ,


button.btn-light,
p:has(>a.btn.btn-light),
button.submit.btn-light,
.content-toplink.button-light {
  background: #f8f9fa;
  border-color: transparent;
}

button.button-light,
.button-light p.button a,
.button-light button.submit,
.content-toplink.button-light a,
.button-light p.button a:hover,
.content-toplink.button-light a:hover ,


button.btn-light,
p:has(>a.btn.btn-light) a,
button.submit.btn-light,
.content-toplink a.btn-light,
p:has(>a.btn.btn-light) a:hover,
.content-toplink a.btn-light:hover {
  color: #000;
}

button.button-light:hover,
.button-light p.button:hover,
.button-light button.submit:hover,
.content-toplink.button-light:hover ,


button.btn-light:hover,
p:has(>a.btn.btn-light):hover,
button.submit.btn-light:hover,
.content-toplink.button-light:hover {
  background: #d3d4d5;
  border-color: transparent;
}

button.button-light:active,
.button-light p.button:active,
.button-light button.submit:active,
.content-toplink.button-light:active ,


button.btn-light:active,
p:has(>a.btn.btn-light):active,
button.submit.btn-light:active,
.content-toplink.button-light:active {
  background: #c6c7c8;
  border-color: transparent;
}

button.button-light:focus-visible,
.button-light p.button a:focus-visible,
.button-light button.submit:focus-visible,
.content-toplink.button-light a:focus-visible ,


button.btn-light:focus-visible,
p:has(>a.btn.btn-light) a:focus-visible,
button.submit.btn-light:focus-visible,
.content-toplink a.btn-light:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

button.button-light[disabled],
.button-light button.submit[disabled] ,


button.btn-light[disabled],
button.submit.btn-light[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
}

button.button-dark,
.button-dark p.button,
.button-dark button.submit,
.content-toplink.button-dark ,


button.btn-dark,
p:has(>a.btn.btn-dark),
button.submit.btn-dark,
.content-toplink.button-dark {
  background: #212529;
  border-color: transparent;
}

button.button-dark,
.button-dark p.button a,
.button-dark button.submit,
.content-toplink.button-dark a,
.button-dark p.button a:hover,
.content-toplink.button-dark a:hover ,


button.btn-dark,
p:has(>a.btn.btn-dark) a,
button.submit.btn-dark,
.content-toplink a.btn-dark,
p:has(>a.btn.btn-dark) a:hover,
.content-toplink a.btn-dark:hover {
  color: #fff;
}

button.button-dark:hover,
.button-dark p.button:hover,
.button-dark button.submit:hover,
.content-toplink.button-dark:hover ,


button.btn-dark:hover,
p:has(>a.btn.btn-dark):hover,
button.submit.btn-dark:hover,
.content-toplink.button-dark:hover {
  background: #424649;
  border-color: transparent;
}

button.button-dark:active,
.button-dark p.button:active,
.button-dark button.submit:active,
.content-toplink.button-dark:active ,


button.btn-dark:active,
p:has(>a.btn.btn-dark):active,
button.submit.btn-dark:active,
.content-toplink.button-dark:active {
  background: #4d5154;
  border-color: transparent;
}

button.button-dark:focus-visible,
.button-dark p.button a:focus-visible,
.button-dark button.submit:focus-visible,
.content-toplink.button-dark a:focus-visible ,


button.btn-dark:focus-visible,
p:has(>a.btn.btn-dark) a:focus-visible,
button.submit.btn-dark:focus-visible,
.content-toplink a.btn-dark:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

button.button-dark[disabled],
.button-dark button.submit[disabled] ,


button.btn-dark[disabled],
button.submit.btn-dark[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
}

button.button-success,
.button-success p.button,
.button-success button.submit,
.content-toplink.button-success ,


button.btn-success,
p:has(>a.btn.btn-success),
button.submit.btn-success,
.content-toplink.button-success {
  background: #198754;
  border-color: transparent;
}

button.button-success,
.button-success p.button a,
.button-success button.submit,
.content-toplink.button-success a,
.button-success p.button a:hover,
.content-toplink.button-success a:hover ,


button.btn-success,
p:has(>a.btn.btn-success) a,
button.submit.btn-success,
.content-toplink a.btn-success,
p:has(>a.btn.btn-success) a:hover,
.content-toplink a.btn-success:hover {
  color: #fff;
}

button.button-success:hover,
.button-success p.button:hover,
.button-success button.submit:hover,
.content-toplink.button-success:hover ,


button.btn-success:hover,
p:has(>a.btn.btn-success):hover,
button.submit.btn-success:hover,
.content-toplink.button-success:hover {
  background: #157347;
  border-color: transparent;
}

button.button-success:active,
.button-success p.button:active,
.button-success button.submit:active,
.content-toplink.button-success:active ,


button.btn-success:active,
p:has(>a.btn.btn-success):active,
button.submit.btn-success:active,
.content-toplink.button-success:active {
  background: #146c43;
  border-color: transparent;
}

button.button-success:focus-visible,
.button-success p.button a:focus-visible,
.button-success button.submit:focus-visible,
.content-toplink.button-success a:focus-visible ,


button.btn-success:focus-visible,
p:has(>a.btn.btn-success) a:focus-visible,
button.submit.btn-success:focus-visible,
.content-toplink a.btn-success:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

button.button-success[disabled],
.button-success button.submit[disabled] ,


button.btn-success[disabled],
button.submit.btn-success[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
}

button.button-info,
.button-info p.button,
.button-info button.submit,
.content-toplink.button-info ,


button.btn-info,
p:has(>a.btn.btn-info),
button.submit.btn-info,
.content-toplink.button-info {
  background: #0dcaf0;
  border-color: transparent;
}

button.button-info,
.button-info p.button a,
.button-info button.submit,
.content-toplink.button-info a,
.button-info p.button a:hover,
.content-toplink.button-info a:hover ,


button.btn-info,
p:has(>a.btn.btn-info) a,
button.submit.btn-info,
.content-toplink a.btn-info,
p:has(>a.btn.btn-info) a:hover,
.content-toplink a.btn-info:hover {
  color: #000;
}

button.button-info:hover,
.button-info p.button:hover,
.button-info button.submit:hover,
.content-toplink.button-info:hover ,


button.btn-info:hover,
p:has(>a.btn.btn-info):hover,
button.submit.btn-info:hover,
.content-toplink.button-info:hover {
  background: #31d2f2;
  border-color: transparent;
}

button.button-info:active,
.button-info p.button:active,
.button-info button.submit:active,
.content-toplink.button-info:active ,


button.btn-info:active,
p:has(>a.btn.btn-info):active,
button.submit.btn-info:active,
.content-toplink.button-info:active {
  background: #3dd5f3;
  border-color: transparent;
}

button.button-info:focus-visible,
.button-info p.button a:focus-visible,
.button-info button.submit:focus-visible,
.content-toplink.button-info a:focus-visible ,


button.btn-info:focus-visible,
p:has(>a.btn.btn-info) a:focus-visible,
button.submit.btn-info:focus-visible,
.content-toplink a.btn-info:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(11, 172, 204, 0.5);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

button.button-info[disabled],
.button-info button.submit[disabled] ,


button.btn-info[disabled],
button.submit.btn-info[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
}

button.button-warning,
.button-warning p.button,
.button-warning button.submit,
.content-toplink.button-warning ,


button.btn-warning,
p:has(>a.btn.btn-warning),
button.submit.btn-warning,
.content-toplink.button-warning {
  background: #ffc107;
  border-color: transparent;
}

button.button-warning,
.button-warning p.button a,
.button-warning button.submit,
.content-toplink.button-warning a,
.button-warning p.button a:hover,
.content-toplink.button-warning a:hover ,


button.btn-warning,
p:has(>a.btn.btn-warning) a,
button.submit.btn-warning,
.content-toplink a.btn-warning,
p:has(>a.btn.btn-warning) a:hover,
.content-toplink a.btn-warning:hover {
  color: #000;
}

button.button-warning:hover,
.button-warning p.button:hover,
.button-warning button.submit:hover,
.content-toplink.button-warning:hover ,


button.btn-warning:hover,
p:has(>a.btn.btn-warning):hover,
button.submit.btn-warning:hover,
.content-toplink.button-warning:hover {
  background: #ffca2c;
  border-color: transparent;
}

button.button-warning:active,
.button-warning p.button:active,
.button-warning button.submit:active,
.content-toplink.button-warning:active ,


button.btn-warning:active,
p:has(>a.btn.btn-warning):active,
button.submit.btn-warning:active,
.content-toplink.button-warning:active {
  background: #ffcd39;
  border-color: transparent;
}

button.button-warning:focus-visible,
.button-warning p.button a:focus-visible,
.button-warning button.submit:focus-visible,
.content-toplink.button-warning a:focus-visible ,


button.btn-warning:focus-visible,
p:has(>a.btn.btn-warning) a:focus-visible,
button.submit.btn-warning:focus-visible,
.content-toplink a.btn-warning:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

button.button-warning[disabled],
.button-warning button.submit[disabled] ,


button.btn-warning[disabled],
button.submit.btn-warning[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
}

button.button-danger,
.button-danger p.button,
.button-danger button.submit,
.content-toplink.button-danger ,


button.btn-danger,
p:has(>a.btn.btn-danger),
button.submit.btn-danger,
.content-toplink.button-danger {
  background: #dc3545;
  border-color: transparent;
}

button.button-danger,
.button-danger p.button a,
.button-danger button.submit,
.content-toplink.button-danger a,
.button-danger p.button a:hover,
.content-toplink.button-danger a:hover ,


button.btn-danger,
p:has(>a.btn.btn-danger) a,
button.submit.btn-danger,
.content-toplink a.btn-danger,
p:has(>a.btn.btn-danger) a:hover,
.content-toplink a.btn-danger:hover {
  color: #fff;
}

button.button-danger:hover,
.button-danger p.button:hover,
.button-danger button.submit:hover,
.content-toplink.button-danger:hover ,


button.btn-danger:hover,
p:has(>a.btn.btn-danger):hover,
button.submit.btn-danger:hover,
.content-toplink.button-danger:hover {
  background: #bb2d3b;
  border-color: transparent;
}

button.button-danger:active,
.button-danger p.button:active,
.button-danger button.submit:active,
.content-toplink.button-danger:active ,


button.btn-danger:active,
p:has(>a.btn.btn-danger):active,
button.submit.btn-danger:active,
.content-toplink.button-danger:active {
  background: #b02a37;
  border-color: transparent;
}

button.button-danger:focus-visible,
.button-danger p.button a:focus-visible,
.button-danger button.submit:focus-visible,
.content-toplink.button-danger a:focus-visible ,


button.btn-danger:focus-visible,
p:has(>a.btn.btn-danger) a:focus-visible,
button.submit.btn-danger:focus-visible,
.content-toplink a.btn-danger:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

button.button-danger[disabled],
.button-danger button.submit[disabled] ,


button.btn-danger[disabled],
button.submit.btn-danger[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
}

button.button-primary,
.button-primary p.button,
.button-primary button.submit,
.content-toplink.button-primary ,


button.btn-primary,
p:has(>a.btn.btn-primary),
button.submit.btn-primary,
.content-toplink.button-primary {
  background: #0d6efd;
  border-color: transparent;
}

button.button-primary,
.button-primary p.button a,
.button-primary button.submit,
.content-toplink.button-primary a,
.button-primary p.button a:hover,
.content-toplink.button-primary a:hover ,


button.btn-primary,
p:has(>a.btn.btn-primary) a,
button.submit.btn-primary,
.content-toplink a.btn-primary,
p:has(>a.btn.btn-primary) a:hover,
.content-toplink a.btn-primary:hover {
  color: #fff;
}

button.button-primary:hover,
.button-primary p.button:hover,
.button-primary button.submit:hover,
.content-toplink.button-primary:hover ,


button.btn-primary:hover,
p:has(>a.btn.btn-primary):hover,
button.submit.btn-primary:hover,
.content-toplink.button-primary:hover {
  background: #0b5ed7;
  border-color: transparent;
}

button.button-primary:active,
.button-primary p.button:active,
.button-primary button.submit:active,
.content-toplink.button-primary:active ,


button.btn-primary:active,
p:has(>a.btn.btn-primary):active,
button.submit.btn-primary:active,
.content-toplink.button-primary:active {
  background: #0a58ca;
  border-color: transparent;
}

button.button-primary:focus-visible,
.button-primary p.button a:focus-visible,
.button-primary button.submit:focus-visible,
.content-toplink.button-primary a:focus-visible ,


button.btn-primary:focus-visible,
p:has(>a.btn.btn-primary) a:focus-visible,
button.submit.btn-primary:focus-visible,
.content-toplink a.btn-primary:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

button.button-primary[disabled],
.button-primary button.submit[disabled] ,


button.btn-primary[disabled],
button.submit.btn-primary[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
}

button.button-secondary,
.button-secondary p.button,
.button-secondary button.submit,
.content-toplink.button-secondary ,


button.btn-secondary,
p:has(>a.btn.btn-secondary),
button.submit.btn-secondary,
.content-toplink.button-secondary {
  background: #6c757d;
  border-color: transparent;
}

button.button-secondary,
.button-secondary p.button a,
.button-secondary button.submit,
.content-toplink.button-secondary a,
.button-secondary p.button a:hover,
.content-toplink.button-secondary a:hover ,


button.btn-secondary,
p:has(>a.btn.btn-secondary) a,
button.submit.btn-secondary,
.content-toplink a.btn-secondary,
p:has(>a.btn.btn-secondary) a:hover,
.content-toplink a.btn-secondary:hover {
  color: #fff;
}

button.button-secondary:hover,
.button-secondary p.button:hover,
.button-secondary button.submit:hover,
.content-toplink.button-secondary:hover ,


button.btn-secondary:hover,
p:has(>a.btn.btn-secondary):hover,
button.submit.btn-secondary:hover,
.content-toplink.button-secondary:hover {
  background: #5c636a;
  border-color: transparent;
}

button.button-secondary:active,
.button-secondary p.button:active,
.button-secondary button.submit:active,
.content-toplink.button-secondary:active ,


button.btn-secondary:active,
p:has(>a.btn.btn-secondary):active,
button.submit.btn-secondary:active,
.content-toplink.button-secondary:active {
  background: #565e64;
  border-color: transparent;
}

button.button-secondary:focus-visible,
.button-secondary p.button a:focus-visible,
.button-secondary button.submit:focus-visible,
.content-toplink.button-secondary a:focus-visible ,


button.btn-secondary:focus-visible,
p:has(>a.btn.btn-secondary) a:focus-visible,
button.submit.btn-secondary:focus-visible,
.content-toplink a.btn-secondary:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
  outline: 2px solid transparent;
  outline-offset: 2px;
}

button.button-secondary[disabled],
.button-secondary button.submit[disabled] ,


button.btn-secondary[disabled],
button.submit.btn-secondary[disabled] {
  cursor: not-allowed;
  opacity: 0.65;
}

button.button-default:focus-visible,
.button-default p.button a:focus-visible,
.button-default button.submit:focus-visible,
.content-toplink.button-default a:focus-visible,
button.button-link:focus-visible,
.button-link p.button a:focus-visible,
.button-link button.submit:focus-visible,
.content-toplink.button-link a:focus-visible,
button.button-bracket-link:focus-visible,
.button-bracket-link p.button a:focus-visible,
.button-bracket-link button.submit:focus-visible,
.content-toplink.button-bracket-link a:focus-visible ,


button.btn-outline-secondary:focus-visible,
p:has(>a.btn.btn-outline-secondary) a:focus-visible,
button.submit.btn-outline-secondary:focus-visible,
.content-toplink a.btn-outline-secondary:focus-visible,
button.btn-link:focus-visible,
p:has(>a.btn.btn-link) a:focus-visible,
button.submit.btn-link:focus-visible,
.content-toplink a.btn-link:focus-visible,
button.btn-link.btn-bracket:focus-visible,
p:has(>a.btn.btn-link.btn-bracket) a:focus-visible,
button.submit.btn-link.btn-bracket:focus-visible,
.content-toplink a.btn-link.btn-bracket:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(130, 138, 145, 0.5);
  outline: 2px solid transparent;
  outline-offset: 2px;
}