@charset "UTF-8";
/**
 * @license
 * MyFonts Webfont Build ID 3640635, 2018-09-12T06:51:00-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: PFSquareSansPro-Italic by Parachute
 * URL: https://www.myfonts.com/fonts/parachute/pf-square-sans-pro/italic/
 * 
 * Webfont: PFSquareSansPro-Bold by Parachute
 * URL: https://www.myfonts.com/fonts/parachute/pf-square-sans-pro/bold/
 * 
 * Webfont: PFSquareSansPro-Regular by Parachute
 * URL: https://www.myfonts.com/fonts/parachute/pf-square-sans-pro/regular/
 * 
 * Webfont: PFSquareSansPro-Medium by Parachute
 * URL: https://www.myfonts.com/fonts/parachute/pf-square-sans-pro/medium/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3640635
 * Licensed pageviews: 500,000
 * Webfonts copyright: Copyright (c) 2005 Parachute¨, www.parachute.gr.  All rights reserved.
 * 
 * © 2018 MyFonts Inc
*/
@font-face {
  font-display: swap;
  font-family: "PFSquareSansPro";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/378D3B_0_0.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "PFSquareSansPro";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/378D3B_2_0.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "PFSquareSansPro";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/378D3B_3_0.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "PFSquareSansPro";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/378D3B_1_0.woff2") format("woff2");
}
/* noto-sans-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  src: url("vendor/openlayers/fonts/noto-sans-v36-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-italic - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: italic;
  font-weight: 400;
  src: url("vendor/openlayers/fonts/noto-sans-v36-latin-italic.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 700;
  src: url("vendor/openlayers/fonts/noto-sans-v36-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
:root {
  --gutter: calc(1.5rem * 0.5);
}
@media (min-width: 576px) {
  :root {
    --main-horizontal-spacing: 0.5rem;
  }
}
@media (min-width: 768px) {
  :root {
    --main-horizontal-spacing: 1rem;
  }
}
:root {
  --content-block-vertical-spacing: 3rem;
}
@media (min-width: 768px) {
  :root {
    --content-block-vertical-spacing: 4rem;
  }
}
@media (min-width: 992px) {
  :root {
    --content-block-vertical-spacing: 5rem;
  }
}
@media (min-width: 576px) {
  :root {
    --content-block-horizontal-spacing: 0.5rem;
    --content-block-horizontal-negative-spacing: -0.5rem;
  }
}
@media (min-width: 768px) {
  :root {
    --content-block-horizontal-spacing: 1rem;
    --content-block-horizontal-negative-spacing: -1rem;
  }
}

:root {
  --base-font-size: 17px;
}
@media (min-width: 992px) {
  :root {
    --base-font-size: 18px;
  }
}

p:last-child {
  margin-bottom: 0;
}

ol:last-child,
ul:last-child,
dl:last-child {
  margin-bottom: 0;
}

img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  font-style: italic;
  background-repeat: no-repeat;
  background-size: cover;
  shape-margin: 0.75rem;
  border-style: none;
}

figure {
  margin-bottom: 0;
}

strong {
  font-weight: 600;
}

table {
  caption-side: top;
}
table th, table td {
  padding: 5px 7.5px;
  border: 1px solid #ddd;
  text-align: left;
}
table th {
  font-weight: 600;
  background-color: #ddd;
}
table th:not(:last-child) {
  border-right: 1px solid #fff;
}

.container-1920-center, .container-1780-center, .container-1740-center, .container-1620-center, .container-center {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.container-1620-center {
  max-width: 1620px;
}

.container-1740-center {
  max-width: 1740px;
}

.container-1780-center {
  max-width: 1780px;
}

.container-1920-center {
  max-width: 1920px;
}

.full-width {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.full-width-1620 {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
@media (min-width: 1620px) {
  .full-width-1620 {
    margin-left: calc(1620px / 2 * -1 + 50%);
    margin-right: calc(1620px / 2 * -1 + 50%);
  }
}

.full-width-1740 {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
@media (min-width: 1740px) {
  .full-width-1740 {
    margin-left: calc(1740px / 2 * -1 + 50%);
    margin-right: calc(1740px / 2 * -1 + 50%);
  }
}

.full-width-1780 {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
@media (min-width: 1780px) {
  .full-width-1780 {
    margin-left: calc(1780px / 2 * -1 + 50%);
    margin-right: calc(1780px / 2 * -1 + 50%);
  }
}

.full-width-1920 {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
@media (min-width: 1920px) {
  .full-width-1920 {
    margin-left: calc(1920px / 2 * -1 + 50%);
    margin-right: calc(1920px / 2 * -1 + 50%);
  }
}

.inner-grid {
  width: calc(100% + 1.5rem);
  margin-left: -0.75rem;
  margin-right: -0.75rem;
}

@media (min-width: 375px) {
  .inner-grid-xs {
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 576px) {
  .inner-grid-sm {
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 768px) {
  .inner-grid-md {
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 992px) {
  .inner-grid-lg {
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1200px) {
  .inner-grid-xl {
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
@media (min-width: 1400px) {
  .inner-grid-xxl {
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-right: -0.75rem;
  }
}
.grid-visual {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 100;
  opacity: 0.1;
  pointer-events: none;
}
.grid-visual div {
  height: 100%;
}
.grid-visual [class^=col-] {
  background-color: orange;
}
.grid-visual [class^=col-]:nth-child(even) {
  background: red;
}
.grid-visual [class^=col-] span {
  display: block;
  width: 100%;
  height: 100%;
  background-color: blue;
}

.partial-block:not(:last-child) {
  padding-bottom: var(--content-block-vertical-spacing);
}
.partial-block.page-heading {
  padding-bottom: 0;
}
.partial-block:not(:has(.content-block)) > * {
  padding-inline: var(--content-block-horizontal-spacing);
}

.content-block {
  padding-inline: var(--content-block-horizontal-spacing);
}
.content-block:not(:last-child) {
  padding-bottom: var(--content-block-vertical-spacing);
}
.content-block[class*=has-b] {
  padding-block: var(--content-block-vertical-spacing);
  background-size: cover;
  background-position: center;
}
.content-block[class*=has-b] + .content-block:not([class*=has-b]) {
  padding-top: var(--content-block-vertical-spacing);
}
.content-block.has-clr h1,
.content-block.has-clr h2,
.content-block.has-clr h3,
.content-block.has-clr h4,
.content-block.has-clr h5,
.content-block.has-clr h6,
.content-block .has-clr h1,
.content-block .has-clr h2,
.content-block .has-clr h3,
.content-block .has-clr h4,
.content-block .has-clr h5,
.content-block .has-clr h6 {
  color: inherit !important;
}
.content-block .col-image img {
  margin-bottom: 1rem;
}
.content-block .col-image-left img, .content-block .col-image-right img {
  margin-top: 0;
  margin-bottom: 0;
}
.content-block .col-image-top img {
  margin-top: 0;
  margin-bottom: 1rem;
}
.content-block .col-image-bottom img {
  margin-top: 1rem;
  margin-bottom: 0;
}
@media (min-width: 375px) {
  .content-block .col-image-xs-left img, .content-block .col-image-xs-right img {
    margin-top: 0;
    margin-bottom: 0;
  }
  .content-block .col-image-xs-top img {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .content-block .col-image-xs-bottom img {
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
@media (min-width: 576px) {
  .content-block .col-image-sm-left img, .content-block .col-image-sm-right img {
    margin-top: 0;
    margin-bottom: 0;
  }
  .content-block .col-image-sm-top img {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .content-block .col-image-sm-bottom img {
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .content-block .col-image-md-left img, .content-block .col-image-md-right img {
    margin-top: 0;
    margin-bottom: 0;
  }
  .content-block .col-image-md-top img {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .content-block .col-image-md-bottom img {
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .content-block .col-image-lg-left img, .content-block .col-image-lg-right img {
    margin-top: 0;
    margin-bottom: 0;
  }
  .content-block .col-image-lg-top img {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .content-block .col-image-lg-bottom img {
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .content-block .col-image-xl-left img, .content-block .col-image-xl-right img {
    margin-top: 0;
    margin-bottom: 0;
  }
  .content-block .col-image-xl-top img {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .content-block .col-image-xl-bottom img {
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
@media (min-width: 1400px) {
  .content-block .col-image-xxl-left img, .content-block .col-image-xxl-right img {
    margin-top: 0;
    margin-bottom: 0;
  }
  .content-block .col-image-xxl-top img {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .content-block .col-image-xxl-bottom img {
    margin-top: 1rem;
    margin-bottom: 0;
  }
}
.content-block-py {
  padding-block: var(--content-block-vertical-spacing) !important;
}
.content-block-pt {
  padding-top: var(--content-block-vertical-spacing) !important;
}
.content-block-pb {
  padding-bottom: var(--content-block-vertical-spacing) !important;
}
.content-block-px {
  padding-inline: var(--content-block-horizontal-spacing) !important;
}
.content-block-ps {
  padding-left: var(--content-block-horizontal-spacing) !important;
}
.content-block-pe {
  padding-right: var(--content-block-horizontal-spacing) !important;
}
.content-block-my {
  margin-block: var(--content-block-vertical-spacing) !important;
}
.content-block-mt {
  margin-top: var(--content-block-vertical-spacing) !important;
}
.content-block-mb {
  margin-bottom: var(--content-block-vertical-spacing) !important;
}
.content-block-mx {
  margin-inline: var(--content-block-horizontal-spacing) !important;
}
.content-block-ms {
  margin-left: var(--content-block-horizontal-spacing) !important;
}
.content-block-me {
  margin-right: var(--content-block-horizontal-spacing) !important;
}

.hor-spacing {
  padding-inline: var(--main-horizontal-spacing);
}

svg.bi {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.125em;
  fill: currentColor;
}
svg.bi:before {
  display: none;
}

html {
  font-size: var(--base-font-size);
}

.figure-tooltip, .card figure,
.col-image figure,
.swiper-slide-image figure {
  position: relative;
  display: inline-block;
}
.figure-tooltip figcaption, .card figure figcaption,
.col-image figure figcaption,
.swiper-slide-image figure figcaption {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
}
.figure-tooltip figcaption span, .card figure figcaption span,
.col-image figure figcaption span,
.swiper-slide-image figure figcaption span {
  display: block;
  width: 1.5rem;
  aspect-ratio: 1/1;
  background-color: rgba(255, 255, 255, 0.75);
  position: relative;
  border-radius: 50px;
}
.figure-tooltip figcaption .bi, .card figure figcaption .bi,
.col-image figure figcaption .bi,
.swiper-slide-image figure figcaption .bi {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.15em;
  height: 1.15em;
}

.tooltip-secondary {
  --bs-tooltip-bg: var(--bs-secondary);
}

h1,
.page-title,
h1.article-title {
  font-size: calc(1.325rem + 0.9vw);
  font-weight: 600;
  margin-bottom: 2.25rem;
}
@media (min-width: 1200px) {
  h1,
  .page-title,
  h1.article-title {
    font-size: 2rem;
  }
}

.h1 {
  font-size: calc(1.325rem + 0.9vw) !important;
  font-weight: 600 !important;
  margin-bottom: 2.25rem !important;
}
@media (min-width: 1200px) {
  .h1 {
    font-size: 2rem !important;
  }
}

h2,
.article-title {
  font-size: calc(1.265rem + 0.18vw);
  font-weight: 600;
  margin-bottom: 0.75rem;
}
@media (min-width: 1200px) {
  h2,
  .article-title {
    font-size: 1.4rem;
  }
}

.h2 {
  font-size: calc(1.265rem + 0.18vw) !important;
  font-weight: 600 !important;
  margin-bottom: 0.75rem !important;
}
@media (min-width: 1200px) {
  .h2 {
    font-size: 1.4rem !important;
  }
}

.col-title h1, .col-title .h1 {
  margin-bottom: 2.25rem !important;
}
.col-title h2, .col-title .h2 {
  margin-bottom: 1.75rem !important;
}

h3 {
  font-size: 1.2rem;
  font-weight: 600;
}
.footer h3 {
  font-size: 1rem;
  margin-bottom: 0.75rem;
}

h4 {
  font-size: 1.1rem;
  font-weight: 600;
}
.footer h4 {
  font-size: 1rem;
}

.navbar:not(.navbar-split) .navbar-brand {
  flex: 1 0 0%;
}
@media (min-width: 375px) {
  .navbar:not(.navbar-split).navbar-expand-xs .navbar-brand {
    flex: initial;
  }
}
@media (min-width: 576px) {
  .navbar:not(.navbar-split).navbar-expand-sm .navbar-brand {
    flex: initial;
  }
}
@media (min-width: 768px) {
  .navbar:not(.navbar-split).navbar-expand-md .navbar-brand {
    flex: initial;
  }
}
@media (min-width: 992px) {
  .navbar:not(.navbar-split).navbar-expand-lg .navbar-brand {
    flex: initial;
  }
}
@media (min-width: 1200px) {
  .navbar:not(.navbar-split).navbar-expand-xl .navbar-brand {
    flex: initial;
  }
}
@media (min-width: 1400px) {
  .navbar:not(.navbar-split).navbar-expand-xxl .navbar-brand {
    flex: initial;
  }
}
.navbar:not(.navbar-split).navbar-expand .navbar-brand {
  flex: initial;
}

.navbar-split {
  position: relative;
}
.navbar-split > .container, .navbar-split > .container-fluid {
  display: block;
}
@media (min-width: 375px) {
  .navbar-split.navbar-expand-xs .navbar-toggler-wrapper {
    display: none;
  }
  .navbar-split.navbar-expand-xs .navbar-brand-wrapper {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .navbar-split.navbar-expand-xs .navbar-left .navbar-nav {
    justify-content: flex-end;
  }
  .navbar-split.navbar-expand-xs .navbar-navs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .navbar-split.navbar-expand-xs .navbar-navs.offcanvas {
    right: initial;
    bottom: initial;
    width: 100% !important;
    transform: translateY(-50%) !important;
  }
  .navbar-split.navbar-expand-xs.navbar-split-content-height .navbar-navs {
    position: initial;
    top: initial;
    transform: initial;
  }
  .navbar-split.navbar-expand-xs.navbar-split-content-height .navbar-navs.offcanvas {
    width: 100% !important;
    transform: none !important;
  }
  .navbar-split.navbar-expand-xs.navbar-split-content-height .navbar-brand-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media (min-width: 576px) {
  .navbar-split.navbar-expand-sm .navbar-toggler-wrapper {
    display: none;
  }
  .navbar-split.navbar-expand-sm .navbar-brand-wrapper {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .navbar-split.navbar-expand-sm .navbar-left .navbar-nav {
    justify-content: flex-end;
  }
  .navbar-split.navbar-expand-sm .navbar-navs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .navbar-split.navbar-expand-sm .navbar-navs.offcanvas {
    right: initial;
    bottom: initial;
    width: 100% !important;
    transform: translateY(-50%) !important;
  }
  .navbar-split.navbar-expand-sm.navbar-split-content-height .navbar-navs {
    position: initial;
    top: initial;
    transform: initial;
  }
  .navbar-split.navbar-expand-sm.navbar-split-content-height .navbar-navs.offcanvas {
    width: 100% !important;
    transform: none !important;
  }
  .navbar-split.navbar-expand-sm.navbar-split-content-height .navbar-brand-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media (min-width: 768px) {
  .navbar-split.navbar-expand-md .navbar-toggler-wrapper {
    display: none;
  }
  .navbar-split.navbar-expand-md .navbar-brand-wrapper {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .navbar-split.navbar-expand-md .navbar-left .navbar-nav {
    justify-content: flex-end;
  }
  .navbar-split.navbar-expand-md .navbar-navs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .navbar-split.navbar-expand-md .navbar-navs.offcanvas {
    right: initial;
    bottom: initial;
    width: 100% !important;
    transform: translateY(-50%) !important;
  }
  .navbar-split.navbar-expand-md.navbar-split-content-height .navbar-navs {
    position: initial;
    top: initial;
    transform: initial;
  }
  .navbar-split.navbar-expand-md.navbar-split-content-height .navbar-navs.offcanvas {
    width: 100% !important;
    transform: none !important;
  }
  .navbar-split.navbar-expand-md.navbar-split-content-height .navbar-brand-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media (min-width: 992px) {
  .navbar-split.navbar-expand-lg .navbar-toggler-wrapper {
    display: none;
  }
  .navbar-split.navbar-expand-lg .navbar-brand-wrapper {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .navbar-split.navbar-expand-lg .navbar-left .navbar-nav {
    justify-content: flex-end;
  }
  .navbar-split.navbar-expand-lg .navbar-navs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .navbar-split.navbar-expand-lg .navbar-navs.offcanvas {
    right: initial;
    bottom: initial;
    width: 100% !important;
    transform: translateY(-50%) !important;
  }
  .navbar-split.navbar-expand-lg.navbar-split-content-height .navbar-navs {
    position: initial;
    top: initial;
    transform: initial;
  }
  .navbar-split.navbar-expand-lg.navbar-split-content-height .navbar-navs.offcanvas {
    width: 100% !important;
    transform: none !important;
  }
  .navbar-split.navbar-expand-lg.navbar-split-content-height .navbar-brand-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media (min-width: 1200px) {
  .navbar-split.navbar-expand-xl .navbar-toggler-wrapper {
    display: none;
  }
  .navbar-split.navbar-expand-xl .navbar-brand-wrapper {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .navbar-split.navbar-expand-xl .navbar-left .navbar-nav {
    justify-content: flex-end;
  }
  .navbar-split.navbar-expand-xl .navbar-navs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .navbar-split.navbar-expand-xl .navbar-navs.offcanvas {
    right: initial;
    bottom: initial;
    width: 100% !important;
    transform: translateY(-50%) !important;
  }
  .navbar-split.navbar-expand-xl.navbar-split-content-height .navbar-navs {
    position: initial;
    top: initial;
    transform: initial;
  }
  .navbar-split.navbar-expand-xl.navbar-split-content-height .navbar-navs.offcanvas {
    width: 100% !important;
    transform: none !important;
  }
  .navbar-split.navbar-expand-xl.navbar-split-content-height .navbar-brand-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
@media (min-width: 1400px) {
  .navbar-split.navbar-expand-xxl .navbar-toggler-wrapper {
    display: none;
  }
  .navbar-split.navbar-expand-xxl .navbar-brand-wrapper {
    text-align: center;
    position: relative;
    z-index: 1;
  }
  .navbar-split.navbar-expand-xxl .navbar-left .navbar-nav {
    justify-content: flex-end;
  }
  .navbar-split.navbar-expand-xxl .navbar-navs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .navbar-split.navbar-expand-xxl .navbar-navs.offcanvas {
    right: initial;
    bottom: initial;
    width: 100% !important;
    transform: translateY(-50%) !important;
  }
  .navbar-split.navbar-expand-xxl.navbar-split-content-height .navbar-navs {
    position: initial;
    top: initial;
    transform: initial;
  }
  .navbar-split.navbar-expand-xxl.navbar-split-content-height .navbar-navs.offcanvas {
    width: 100% !important;
    transform: none !important;
  }
  .navbar-split.navbar-expand-xxl.navbar-split-content-height .navbar-brand-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
  }
}
.navbar-split.navbar-expand .navbar-toggler-wrapper {
  display: none;
}
.navbar-split.navbar-expand .navbar-brand-wrapper {
  text-align: center;
  position: relative;
  z-index: 1;
}
.navbar-split.navbar-expand .navbar-left .navbar-nav {
  justify-content: flex-end;
}
.navbar-split.navbar-expand .navbar-navs {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.navbar-split.navbar-expand .navbar-navs.offcanvas {
  right: initial;
  bottom: initial;
  width: 100% !important;
  transform: translateY(-50%) !important;
}
.navbar-split.navbar-expand.navbar-split-content-height .navbar-navs {
  position: initial;
  top: initial;
  transform: initial;
}
.navbar-split.navbar-expand.navbar-split-content-height .navbar-navs.offcanvas {
  width: 100% !important;
  transform: none !important;
}
.navbar-split.navbar-expand.navbar-split-content-height .navbar-brand-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.navbar-nav .dropdown-toggle:after {
  display: none;
}
.navbar-nav .dropdown-toggle .bi {
  width: 1.3em;
  height: 1.3em;
  vertical-align: -0.325em;
  transition: transform 0.15s linear;
}
.navbar-nav .dropdown-toggle.show .bi {
  transform: rotate(-180deg);
}
@media (min-width: 992px) {
  .navbar-nav .dropdown-menu.show {
    animation: showDropdown 0.15s linear forwards;
  }
}
@keyframes showDropdown {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
  }
}
.navbar-nav .deeper-menu {
  list-style: none;
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
}
.navbar-nav .deeper-menu .dropdown-item {
  padding: var(--bs-dropdown-item-padding-y) calc(var(--bs-dropdown-item-padding-x) + 0.75rem);
}

.navbar .nav-link {
  --bs-nav-link-color: #000;
}
.navbar-mainmenu {
  font-size: 1.125rem;
}
.navbar-mainmenu .offcanvas-title {
  width: 75%;
  max-width: 225px;
}
.navbar-mainmenu .offcanvas-body {
  background-color: var(--bs-vy-grey-blue-200);
}
.navbar-mainmenu .navbar-nav > .nav-item + .nav-item {
  border-top: 1px solid var(--bs-primary);
}
.navbar-mainmenu .nav-item.active .nav-link {
  font-weight: 600;
}
.navbar-mainmenu .nav-link,
.navbar-mainmenu .dropdown-item {
  display: flex;
  align-items: center;
}
.navbar-mainmenu .nav-link .bi,
.navbar-mainmenu .dropdown-item .bi {
  margin-left: auto;
}
.navbar-mainmenu .nav-link.active, .navbar-mainmenu .nav-link.show, .navbar-mainmenu .nav-link:hover, .navbar-mainmenu .nav-link:focus-visible,
.navbar-mainmenu .dropdown-item.active,
.navbar-mainmenu .dropdown-item.show,
.navbar-mainmenu .dropdown-item:hover,
.navbar-mainmenu .dropdown-item:focus-visible {
  font-weight: 600;
}
.navbar-mainmenu .dropdown-menu {
  --bs-dropdown-border-radius: 0;
  padding-block: 0;
}
.navbar-mainmenu .dropdown-menu .dropdown-item {
  padding-block: 0.5rem;
}
.navbar-mainmenu .dropdown-menu.lvl-1 .nav-item.active > .dropdown-item {
  background-color: var(--bs-primary);
  color: #fff;
  font-weight: 600;
}
.navbar-mainmenu .dropdown-menu.lvl-1 .dropdown-item:hover, .navbar-mainmenu .dropdown-menu.lvl-1 .dropdown-item:focus-visible, .navbar-mainmenu .dropdown-menu.lvl-1 .dropdown-item.show {
  background-color: var(--bs-primary);
  color: #fff;
  font-weight: 600;
}
.navbar-mainmenu .dropdown-menu.lvl-2 {
  --bs-dropdown-border-width: 0;
  background-color: var(--bs-vy-grey-200);
  margin-left: 0;
  padding-left: 0.5rem;
}
.navbar-mainmenu .dropdown-menu.lvl-2 .nav-item.active > .dropdown-item {
  background-color: transparent;
  color: inherit;
  font-weight: 600;
}
.navbar-mainmenu .dropdown-menu.lvl-2 .dropdown-item:hover, .navbar-mainmenu .dropdown-menu.lvl-2 .dropdown-item:focus-visible, .navbar-mainmenu .dropdown-menu.lvl-2 .dropdown-item.show {
  background-color: transparent;
  color: inherit;
  font-weight: 600;
}
.navbar-mainmenu .dropdown-menu.lvl-2 .dropdown-item:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
.navbar-mainmenu .dropdown-menu.lvl-3 {
  --bs-dropdown-border-width: 0;
  background-color: transparent;
  margin-left: 0rem;
  padding-left: 1rem;
  padding-bottom: 1rem;
}
.navbar-mainmenu .dropdown-menu.lvl-3 .dropdown-item:hover, .navbar-mainmenu .dropdown-menu.lvl-3 .dropdown-item:focus-visible, .navbar-mainmenu .dropdown-menu.lvl-3 .dropdown-item.show {
  background-color: transparent;
  color: inherit;
}
.navbar-mainmenu .dropdown-menu .menu-index {
  text-transform: uppercase;
  font-weight: 600;
  padding-top: 0.75rem;
}
.navbar-mainmenu .dropdown-menu .menu-index img {
  width: auto;
  height: 1.75em;
}
.navbar-mainmenu .dropdown-menu .menu-index .image-title {
  margin-left: 0.5rem;
}
.navbar-mainmenu-lvl1 {
  --border-radius: 0.375rem;
  --active-bg-color: var(--bs-primary);
  --active-color: #fff;
  --active-font-weight: 600;
  font-weight: 400;
}
.navbar-mainmenu-lvl1 .nav-item {
  border-radius: var(--border-radius);
  background-color: var(--bs-vy-grey-blue-200);
}
.navbar-mainmenu-lvl1 .nav-item + .nav-item {
  margin-left: 0.75rem;
}
.navbar-mainmenu-lvl1 .nav-item .nav-link {
  border-radius: var(--border-radius);
  padding-inline: 0.75rem;
  padding-block: 0.375rem;
  font-size: 0.9444444444rem;
}
.navbar-mainmenu-lvl1 .nav-item .nav-link:hover, .navbar-mainmenu-lvl1 .nav-item .nav-link:focus-visible {
  background-color: var(--active-bg-color);
  color: var(--active-color);
}
.navbar-mainmenu-lvl1 .nav-item.active > .nav-link {
  background-color: var(--active-bg-color);
  color: var(--active-color);
  font-weight: var(--active-font-weight);
}
.navbar-mainmenu-lvl2 {
  --border-radius: 0.375rem;
  --active-font-weight: 700;
  padding-block: 0;
}
.navbar-mainmenu-lvl2 .navbar-megamenu > .nav-item {
  position: static;
}
.navbar-mainmenu-lvl2 .navbar-megamenu > .nav-item + .nav-item {
  margin-left: 0.5rem;
}
.navbar-mainmenu-lvl2 .navbar-megamenu > .nav-item.active > .nav-link {
  font-weight: var(--active-font-weight);
}
.navbar-mainmenu-lvl2 .navbar-megamenu > .nav-item .nav-link {
  padding-block: 0;
}
.navbar-mainmenu-lvl2 .navbar-megamenu > .nav-item .nav-link:hover, .navbar-mainmenu-lvl2 .navbar-megamenu > .nav-item .nav-link:focus-visible, .navbar-mainmenu-lvl2 .navbar-megamenu > .nav-item .nav-link.active, .navbar-mainmenu-lvl2 .navbar-megamenu > .nav-item .nav-link.show {
  font-weight: var(--active-font-weight);
}
.navbar-mainmenu-lvl2 .navbar-megamenu > .nav-item .nav-link.dropdown-toggle .bi {
  width: 0.9em;
  height: 0.9em;
  vertical-align: -0.15em;
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu {
  --items: 4;
  --gap: 1.5rem;
  --bs-dropdown-border-radius: 0;
  --bs-dropdown-border-width: 0;
  width: calc(100% + var(--gutter) * 2);
  margin-inline: calc(var(--gutter) * -1);
  margin-top: 1rem;
  padding-inline: var(--gutter);
  padding-block: 1rem;
  background-color: var(--bs-vy-grey-blue-200);
}
@media (min-width: 1200px) {
  .navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu {
    padding-inline: 5%;
  }
}
@media (min-width: 1400px) {
  .navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu {
    padding-inline: 8%;
  }
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu.show {
  display: grid;
  grid-template-columns: repeat(var(--items), 1fr);
  gap: var(--gap) var(--gutter);
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu:has(.menu-index).show {
  grid-template-columns: 29% repeat(calc(var(--items) - 1), 1fr);
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu:has(.menu-index) > .nav-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu:has(.menu-index):has(.deeper-menu) > .nav-item {
  justify-content: flex-start;
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu > .nav-item {
  --span: round(up, calc(((var(--children) - 1) / (var(--items) - 1))), 1);
  --grid-row: span var(--span);
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu > .nav-item:has(.menu-index) {
  grid-row: var(--grid-row);
  grid-column: 1;
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu > .nav-item.active > .dropdown-item:not(.menu-index) {
  color: #fff;
  background-color: var(--bs-primary);
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu .dropdown-item {
  font-weight: 400;
  text-align: center;
  background-color: var(--bs-vy-grey-blue-400);
  border-radius: var(--border-radius);
  padding: 0.375rem 0.75rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu .dropdown-item.menu-index {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.25rem;
  background-color: transparent;
}
@media (min-width: 1200px) {
  .navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu .dropdown-item.menu-index {
    font-size: 1.5rem;
  }
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu .dropdown-item.menu-index img {
  width: auto;
  height: 2.5em;
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu .dropdown-item.menu-index .image-title {
  margin-left: 1rem;
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu .dropdown-item.active:not(.menu-index), .navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu .dropdown-item:not(.menu-index):hover, .navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu .dropdown-item:not(.menu-index):focus-visible {
  background-color: var(--bs-primary);
  color: #fff;
}
.navbar-mainmenu-lvl2 .navbar-megamenu .dropdown-menu .dropdown-item:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
.navbar-mainmenu-lvl2 .navbar-megamenu .deeper-menu .dropdown-item {
  font-weight: 400;
  background-color: transparent;
  text-align: left;
  padding-inline: 1.5rem;
  white-space: wrap;
}
.navbar-mainmenu-lvl2 .navbar-megamenu .deeper-menu .dropdown-item.active, .navbar-mainmenu-lvl2 .navbar-megamenu .deeper-menu .dropdown-item:hover, .navbar-mainmenu-lvl2 .navbar-megamenu .deeper-menu .dropdown-item:focus-visible {
  background-color: transparent !important;
  font-weight: 600;
  color: inherit !important;
}
.navbar-mainmenu-footer .navbar-nav > .nav-item > .nav-link {
  font-weight: 600;
}
.navbar-mainmenu-footer .navbar-nav .nav-link {
  padding-block: 0.1rem;
}
.navbar-mainmenu-footer .navbar-nav .nav-link:hover, .navbar-mainmenu-footer .navbar-nav .nav-link:focus-visible {
  font-weight: 600;
}
@media (max-width: 575.98px) {
  .navbar-mainmenu-footer .navbar-nav {
    width: 100%;
  }
  .navbar-mainmenu-footer .navbar-nav > .nav-item {
    padding-block: 0.4rem;
  }
  .navbar-mainmenu-footer .navbar-nav > .nav-item + .nav-item {
    border-top: 1px solid var(--bs-primary);
  }
  .navbar-mainmenu-footer .navbar-nav .nav-link {
    display: flex;
    align-items: center;
  }
  .navbar-mainmenu-footer .navbar-nav .nav-link .bi {
    margin-left: auto;
    transition: transform 0.15s linear;
  }
  .navbar-mainmenu-footer .navbar-nav .nav-link[aria-expanded=true] .bi {
    transform: rotate(-180deg);
  }
}
@media (min-width: 576px) {
  .navbar-mainmenu-footer .navbar-nav {
    display: grid;
    gap: 1.5rem;
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .navbar-mainmenu-footer .navbar-nav {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .navbar-mainmenu-footer .navbar-nav {
    grid-template-columns: repeat(6, 1fr);
  }
}

.navbar-footermenu .navbar-nav {
  border-top: 1px solid #fff;
  padding: 0.5rem;
}
.navbar-footermenu .nav-link {
  color: #fff;
  padding-block: 0.2rem;
}
.navbar-footermenu .nav-link:hover, .navbar-footermenu .nav-link:focus-visible, .navbar-footermenu .nav-link.active {
  font-weight: 600;
}

.navbar-nav .dropdown-toggle .bi {
  width: 1em;
  height: 1em;
  vertical-align: -0.2em;
}

@media (min-width: 992px) {
  .navbar-topmenu {
    font-size: 0.9444444444rem;
  }
}
.navbar-topmenu .navbar-nav {
  align-items: center;
}
.navbar-topmenu .nav-item + .nav-item {
  margin-left: 0.3rem;
}
.navbar-topmenu .nav-link:hover, .navbar-topmenu .nav-link:focus-visible, .navbar-topmenu .nav-link.active {
  font-weight: 600;
}
.navbar-topmenu .nav-link.only-icon {
  position: relative;
  padding-inline: 0;
}
.navbar-topmenu .nav-link.only-icon span {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.navbar-topmenu .nav-link.only-icon:before {
  width: 1.25em;
  height: 1.25em;
}
@media (max-width: 575.98px) {
  .navbar-topmenu .nav-link {
    padding-block: 0 !important;
    padding-inline: 0.25rem !important;
  }
  .navbar-topmenu .nav-link span {
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  .navbar-topmenu .nav-link span:not(caption) {
    position: absolute !important;
  }
  .navbar-topmenu .nav-link:before {
    width: 1.25em;
    height: 1.25em;
  }
}

:root {
  --link-height-xs: 45px;
}

@media (max-width: 575.98px) {
  body {
    padding-bottom: var(--link-height-xs);
  }
}

.navbar-sidebarmenu {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
}
@media (max-width: 575.98px) {
  .navbar-sidebarmenu {
    width: 100%;
  }
  .navbar-sidebarmenu ul {
    flex-direction: row;
    justify-content: start;
    width: 100%;
  }
  .navbar-sidebarmenu li {
    width: 25%;
  }
  .navbar-sidebarmenu li + li {
    border-left: 1px solid #fff;
  }
}
.navbar-sidebarmenu a {
  width: 100%;
  padding-block: 0.45rem;
  position: relative;
  border-radius: 0;
}
@media (max-width: 575.98px) {
  .navbar-sidebarmenu a {
    height: var(--link-height-xs);
  }
}
.navbar-sidebarmenu a .bi {
  font-size: 1.25em;
  vertical-align: -0.175em;
}
@media (max-width: 575.98px) {
  .navbar-sidebarmenu a .bi {
    vertical-align: -0.375em;
  }
}
@media (max-width: 575.98px) {
  .navbar-sidebarmenu a span {
    display: none;
  }
}
.navbar-sidebarmenu label {
  display: none;
}
.navbar-sidebarmenu input[type=checkbox] {
  display: none;
}
@media (min-width: 576px) {
  .navbar-sidebarmenu {
    top: 200px;
    bottom: initial;
    left: initial;
    right: 0;
    pointer-events: none;
  }
}
@media (min-width: 576px) and (min-width: 992px) {
  .navbar-sidebarmenu {
    top: 300px;
  }
}
@media (min-width: 576px) {
  .navbar-sidebarmenu li + li {
    margin-top: 0.35rem;
  }
  .navbar-sidebarmenu a {
    width: 100%;
    text-align: left;
    border-top-left-radius: var(--bs-btn-border-radius);
    border-bottom-left-radius: var(--bs-btn-border-radius);
    transform: translateX(calc(100% - 2.5rem));
    transition: transform 0.175s linear;
    pointer-events: initial;
  }
  .navbar-sidebarmenu a:hover, .navbar-sidebarmenu a:focus-visible {
    transform: translateX(0);
  }
}
@media (min-width: 576px) and (hover: none) and (pointer: coarse) {
  .navbar-sidebarmenu label {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 40px;
    height: 100%;
    border-top-left-radius: var(--bs-btn-border-radius);
    border-bottom-left-radius: var(--bs-btn-border-radius);
    cursor: pointer;
  }
}
@media (min-width: 576px) {
  .navbar-sidebarmenu input[type=checkbox] {
    position: absolute;
    right: 0;
  }
}
@media (min-width: 576px) and (hover: none) and (pointer: coarse) {
  .navbar-sidebarmenu input[type=checkbox] {
    display: block;
    opacity: 0;
  }
  .navbar-sidebarmenu input[type=checkbox]:checked ~ a {
    transform: translateX(0);
  }
}

.navbar-social-media-menu .nav-item + .nav-item {
  margin-left: 0.3rem;
}
.navbar-social-media-menu .nav-link.only-icon {
  position: relative;
  padding: 0;
  overflow: hidden;
}
@media (max-width: 575.98px) {
  .navbar-social-media-menu .nav-link.only-icon {
    padding-inline: 0.25rem;
  }
}
.navbar-social-media-menu .nav-link.only-icon span {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.navbar-social-media-menu .nav-link.only-icon span:not(caption) {
  position: absolute !important;
}
.navbar-social-media-menu .nav-link.only-icon:before {
  width: 1.25em;
  height: 1.25em;
}

.navbar-contentmenu-services {
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 1200px) {
  .navbar-contentmenu-services {
    flex-direction: row;
  }
}
@media (max-width: 575.98px) {
  .navbar-contentmenu-services .navbar-nav {
    flex-wrap: wrap;
  }
}
.navbar-contentmenu-services h2 {
  margin-bottom: 0 !important;
  transform: translateY(-40%);
  font-size: calc(1.355rem + 1.26vw);
  text-align: center;
}
@media (min-width: 1200px) {
  .navbar-contentmenu-services h2 {
    font-size: 2.3rem;
  }
}
@media (min-width: 1200px) {
  .navbar-contentmenu-services h2 {
    margin-right: 2rem;
    text-align: left;
  }
}
@media (min-width: 576px) {
  .navbar-contentmenu-services .nav-item:first-child .nav-link {
    padding-left: 0 !important;
  }
  .navbar-contentmenu-services .nav-item:last-child .nav-link {
    padding-right: 0 !important;
  }
}
@media (max-width: 575.98px) {
  .navbar-contentmenu-services .nav-item {
    width: 33.333%;
    text-align: center;
  }
}
.navbar-contentmenu-services .nav-link {
  padding-right: calc(var(--bs-navbar-nav-link-padding-x) * 0.75) !important;
  padding-left: calc(var(--bs-navbar-nav-link-padding-x) * 0.75) !important;
}
.navbar-contentmenu-services .nav-link img {
  width: 7rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .navbar-contentmenu-services .nav-link img {
    width: 6rem;
  }
}
@media (min-width: 1200px) {
  .navbar-contentmenu-services .nav-link img {
    width: 6rem;
  }
}
.navbar-contentmenu-services .nav-link .image-title {
  display: none;
}

.header-bottom {
  height: 55px;
}

.footer-certificates {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}
.footer-certificates > * {
  width: 33%;
  max-width: 60px;
  height: fit-content;
}
.footer-bottom table {
  color: inherit !important;
}
.footer-bottom td {
  border-color: transparent;
}

main {
  padding-block: clamp(1.5rem, 5%, 2.8rem);
}
main a:not(.btn, .nav-link, .dropdown-item, .card-img-link) {
  color: var(--bs-primary);
  font-size: 1.01em;
  font-weight: 600;
  padding: 0.125rem;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2rem;
  transition: color 0.15s linear;
}
main a:not(.btn, .nav-link, .dropdown-item, .card-img-link):hover, main a:not(.btn, .nav-link, .dropdown-item, .card-img-link):focus-visible {
  color: var(--bs-secondary);
}
main a:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.35);
}
main .result__title-link {
  font-weight: 400 !important;
  text-decoration-thickness: initial !important;
  text-underline-offset: initial !important;
}

.tarifrechner-wrapper {
  padding-top: clamp(1.5rem, 5%, 2.8rem);
}

.logo img {
  width: auto;
  height: 70px;
}

:root {
  --card-banner-height: 2.5rem;
}

.card {
  --bs-card-border-radius: 0;
  --bs-card-inner-border-radius: 0;
  --bs-card-cap-padding-y: 0.75rem;
  height: 100%;
}
.card figure,
.card img {
  width: 100%;
  object-fit: cover;
}
.card-img-left {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-img-right {
  border-top-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
}
.card-body {
  display: flex;
  flex-direction: column;
}
.card-header {
  font-weight: 600;
  font-size: 1.1rem;
}
.card-text:has(+ .btn) {
  margin-bottom: 1rem;
}
.card .btn {
  width: fit-content;
  margin-top: auto;
}
.card-header, .card-footer {
  background-color: var(--bs-vy-grey-blue-200);
}
.card-title {
  color: var(--bs-primary);
}
.card-title-bg {
  background-color: var(--bs-primary);
  color: #fff;
  padding: 0.75rem 1rem;
}
.card.color-scheme-primary {
  background-color: var(--bs-vy-grey-blue-200);
}
.card.color-scheme-primary .card-header,
.card.color-scheme-primary .card-footer {
  background-color: var(--bs-primary);
  color: #fff;
}
.card.color-scheme-primary .card-title {
  color: var(--bs-body-color);
}
.card.color-scheme-primary .card-title-bg {
  background-color: var(--bs-primary);
  color: #fff;
}
.card.color-scheme-secondary {
  background-color: var(--bs-secondary-200);
}
.card.color-scheme-secondary .card-header,
.card.color-scheme-secondary .card-footer {
  background-color: var(--bs-secondary);
  color: #fff;
}
.card.color-scheme-secondary .card-title {
  color: var(--bs-body-color);
}
.card.color-scheme-secondary .card-title-bg {
  background-color: var(--bs-secondary);
  color: #fff;
}
.card.color-scheme-red {
  background-color: var(--bs-vy-red-200);
}
.card.color-scheme-red .card-header,
.card.color-scheme-red .card-footer {
  background-color: var(--bs-vy-red-400);
  color: #fff;
}
.card.color-scheme-red .card-title {
  color: var(--bs-body-color);
}
.card.color-scheme-red .card-title-bg {
  background-color: var(--bs-vy-red-400);
  color: #fff;
}
.card.color-scheme-orange {
  background-color: var(--bs-vy-orange-200);
}
.card.color-scheme-orange .card-header,
.card.color-scheme-orange .card-footer {
  background-color: var(--bs-vy-orange-400);
  color: var(--bs-body-color);
}
.card.color-scheme-orange .card-title {
  color: var(--bs-body-color);
}
.card.color-scheme-orange .card-title-bg {
  background-color: var(--bs-vy-orange-400);
  color: var(--bs-body-color);
}
.card.color-scheme-yellow {
  background-color: var(--bs-vy-yellow-200);
}
.card.color-scheme-yellow .card-header,
.card.color-scheme-yellow .card-footer {
  background-color: var(--bs-vy-yellow-400);
  color: var(--bs-body-color);
}
.card.color-scheme-yellow .card-title {
  color: var(--bs-body-color);
}
.card.color-scheme-yellow .card-title-bg {
  background-color: var(--bs-vy-yellow-400);
  color: var(--bs-body-color);
}
.card.color-scheme-turquoise {
  background-color: var(--bs-vy-turquoise-200);
}
.card.color-scheme-turquoise .card-header,
.card.color-scheme-turquoise .card-footer {
  background-color: var(--bs-vy-turquoise-400);
  color: var(--bs-body-color);
}
.card.color-scheme-turquoise .card-title {
  color: var(--bs-body-color);
}
.card.color-scheme-turquoise .card-title-bg {
  background-color: var(--bs-vy-turquoise-400);
  color: var(--bs-body-color);
}
.card.color-scheme-individual .card-title {
  padding: 0.75rem 1rem;
}
.card.tarif {
  position: relative;
}
.card.tarif img {
  width: 100%;
  height: auto;
  object-fit: initial;
}
.swiper-tarife .swiper-slide {
  padding-top: var(--card-banner-height);
}

.tarif-banner {
  height: var(--card-banner-height);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bs-secondary);
  color: #fff;
  font-weight: 600;
  margin-top: calc(var(--card-banner-height) * -1);
}

.card.tarif .card-header {
  background-color: var(--bs-secondary);
  color: #fff;
  padding-block: 0.5rem;
  text-align: center;
}
.card.tarif .card-img-top, .card.tarif .card-img-bottom {
  background-color: #fff;
}
.card.tarif .card-title {
  margin-inline: calc(var(--bs-card-spacer-x) * -1);
  margin-top: calc(var(--bs-card-spacer-y) * -1);
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  text-align: center;
}
.card.tarif .card-content a:not(.btn) {
  color: var(--bs-body-color);
}
.card.tarif.color-scheme-primary .card-title {
  background-color: var(--bs-primary);
  color: #fff;
}
.card.tarif.color-scheme-secondary .card-title {
  background-color: var(--bs-secondary);
  color: #fff;
}
.card.tarif.color-scheme-red .card-title {
  background-color: var(--bs-vy-red-400);
  color: #fff;
}
.card.tarif.color-scheme-orange .card-title {
  background-color: var(--bs-vy-orange-400);
  color: var(--bs-body-color);
}
.card.tarif.color-scheme-yellow .card-title {
  background-color: var(--bs-vy-yellow-400);
  color: var(--bs-body-color);
}
.card.tarif.color-scheme-turquoise .card-title {
  background-color: var(--bs-vy-turquoise-400);
  color: var(--bs-body-color);
}

.tarifrechner {
  background-color: var(--bs-vy-grey-blue-200);
  margin-bottom: 2.5rem;
  width: 100%;
  max-width: 950px;
  margin-inline: auto;
}
.tarifrechner-container {
  container-type: inline-size;
  container-name: tarifrechner;
}
.tarifrechner input[type=text] {
  border-radius: 100px;
}
.tarifrechner input[type=radio], .tarifrechner input[type=radio] ~ label {
  cursor: pointer;
}
.tarifrechner label {
  padding-left: 0.5rem;
}
.tarifrechner .nav-tabs {
  --bs-nav-tabs-border-radius: 0;
  background-color: var(--bs-vy-grey-blue-100);
  border-bottom: 1px solid var(--bs-vy-grey-blue-400);
  flex-wrap: wrap;
}
.tarifrechner .nav-tabs .nav-item {
  width: 50%;
}
.tarifrechner .nav-tabs .nav-link {
  font-size: 0.95rem;
  padding-block: 0.75rem;
  font-weight: 600;
  width: 100%;
  border: none;
}
@container (min-inline-size: 441px) {
  .tarifrechner .nav-tabs .nav-link {
    font-size: 1rem;
  }
}
.tarifrechner .nav-tabs .nav-link:hover, .tarifrechner .nav-tabs .nav-link:focus, .tarifrechner .nav-tabs .nav-link.active {
  border: none;
  background-color: var(--bs-vy-grey-blue-400);
}
.tarifrechner .nav-tabs .nav-link#strom-tab.active {
  background-color: var(--bs-vy-red-400);
  color: #fff;
}
.tarifrechner .nav-tabs .nav-link#erdgas-tab.active {
  background-color: var(--bs-vy-yellow-400);
}
.tarifrechner .nav-tabs .nav-link#waerme-tab.active {
  background-color: var(--bs-vy-orange-400);
}
.tarifrechner .nav-tabs .nav-link#emobilitaet-tab.active {
  background-color: var(--bs-vy-turquoise-400);
}
.tarifrechner .tab-content {
  padding: 2rem 1.5rem;
}
.tarifrechner-basisangaben .tarifrechner-postleitzahl {
  width: 100%;
}
@container (min-inline-size: 770px) {
  .tarifrechner-basisangaben .tarifrechner-postleitzahl {
    flex: 1;
  }
}
.tarifrechner-basisangaben .tarifrechner-verbrauch-helper {
  width: 100%;
}
@container (min-inline-size: 770px) {
  .tarifrechner-basisangaben .tarifrechner-verbrauch-helper {
    flex: 1;
  }
}
.tarifrechner-basisangaben .tarifrechner-verbrauch {
  width: 100%;
}
@container (min-inline-size: 770px) {
  .tarifrechner-basisangaben .tarifrechner-verbrauch {
    flex: 1;
  }
}
.tarifrechner-basisangaben .verbrauch-helper {
  display: flex;
  justify-content: center;
  gap: 0.2rem;
  margin-bottom: 0.5rem;
  padding-left: 0;
}
.tarifrechner-basisangaben .verbrauch-helper li {
  list-style-type: none;
  text-align: center;
  cursor: pointer;
}
.tarifrechner-basisangaben .verbrauch-helper li .bi {
  font-size: 1.7em;
  color: var(--bs-vy-grey-blue-400);
}
.tarifrechner-basisangaben .verbrauch-helper li.active {
  font-weight: 800;
}
.tarifrechner-basisangaben .verbrauch-helper li.active .bi {
  color: var(--bs-primary);
}
.tarifrechner-basisangaben #rangeWrapper .form-label {
  width: 100%;
  padding-left: 0;
  text-align: center;
}
.tarifrechner-accordion {
  background-color: #fff;
}
.tarifrechner-accordion .accordion {
  --bs-accordion-border-radius: 0;
  --bs-accordion-inner-border-radius: 0;
  --bs-accordion-border-width: 0;
}
.tarifrechner-accordion .accordion-button {
  padding: 0.75rem 1.25rem;
}
.tarifrechner-accordion .accordion-button:after {
  display: none;
}
.tarifrechner-accordion .accordion-item {
  background-color: var(--bs-vy-grey-blue-200);
}
.tarifrechner-accordion .accordion-item .accordion-button:not(.collapsed) .accordion-title-image.collapsed {
  opacity: 0;
}
.tarifrechner-accordion .accordion-item .accordion-button:not(.collapsed) .accordion-title-image.expanded {
  opacity: 1;
}
.tarifrechner-accordion .accordion-item .accordion-title-wrapper {
  display: block;
  position: relative;
  height: 1.6rem;
  transition: all 0.2s linear;
  transition: var(--bs-accordion-btn-icon-transition);
}
@container (min-inline-size: 340px) {
  .tarifrechner-accordion .accordion-item .accordion-title-wrapper {
    height: 1.8rem;
  }
}
@container (min-inline-size: 441px) {
  .tarifrechner-accordion .accordion-item .accordion-title-wrapper {
    height: 2.5rem;
  }
}
.tarifrechner-accordion .accordion-item .accordion-title-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.tarifrechner-accordion .accordion-item .accordion-title-image.collapsed {
  opacity: 1;
}
.tarifrechner-accordion .accordion-item .accordion-title-image.expanded {
  opacity: 0;
}
.tarifrechner-accordion .accordion-item-strom .accordion-button:not(.collapsed) {
  background-color: var(--bs-vy-red-400);
  color: #fff;
}
.tarifrechner-accordion .accordion-item-strom .accordion-title-wrapper {
  aspect-ratio: 944/120;
}
.tarifrechner-accordion .accordion-item-erdgas .accordion-button:not(.collapsed) {
  background-color: var(--bs-vy-yellow-400);
}
.tarifrechner-accordion .accordion-item-erdgas .accordion-title-wrapper {
  aspect-ratio: 814/120;
}
.tarifrechner-accordion .accordion-item-waerme .accordion-button:not(.collapsed) {
  background-color: var(--bs-vy-orange-400);
  color: #fff;
}
.tarifrechner-accordion .accordion-item-waerme .accordion-title-wrapper {
  aspect-ratio: 944/120;
}
.tarifrechner-accordion .accordion-item-emobilitaet .accordion-button:not(.collapsed) {
  background-color: var(--bs-vy-turquoise-400);
  color: #fff;
}
.tarifrechner-accordion .accordion-item-emobilitaet .accordion-title-wrapper {
  aspect-ratio: 944/120;
}
.tarifrechner-accordion .accordion-body {
  padding: 2rem 1.5rem;
}
.tarifrechner-accordion .accordion-type-icon {
  height: 2.8rem;
  width: auto;
}
@container (min-inline-size: 441px) {
  .tarifrechner-accordion .accordion-type-icon {
    height: 3.5rem;
  }
}
.tarifrechner-kundentyp label {
  font-size: 1.1rem;
}
.tarifrechner-kundentyp .form-check {
  margin-right: 1.75rem;
}
.tarifrechner-kundentyp .form-check-input {
  margin-top: 0.4rem;
}
.tarifrechner-basisangaben label {
  font-size: 1rem;
}

/*-- Schriftgroesse festlegen (iOS Bug) --*/
fieldset.formContainer {
  -webkit-text-size-adjust: 100% !important;
}

.formswszb input[type=text],
.formswszb input[type=button],
.formswszb input[type=file],
.formswszb textarea,
.formswszb button {
  /* Remove First */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "PFSquareSansPro";
}
.formswszb .form-check {
  margin-bottom: 0.3rem;
}
.formswszb .rsform-block-grund {
  margin-bottom: 0 !important;
}

.wlcontact-ansprechpartner .wlcontact-name {
  font-weight: 600;
  font-size: 1.05em;
  color: var(--bs-primary);
}
.wlcontact-ansprechpartner .wlcontact-options {
  margin-top: 1rem;
  display: table;
}
.wlcontact-ansprechpartner .wlcontact-options > span[class^=wlcontact-] {
  display: table-row;
}
.wlcontact-ansprechpartner .wlcontact-options > span[class^=wlcontact-] > * {
  display: table-cell;
}
.wlcontact-ansprechpartner .wlcontact-options > span[class^=wlcontact-] > *:not(.wlcontact-label) {
  word-break: break-all;
}
.wlcontact-ansprechpartner .wlcontact-options > span[class^=wlcontact-] .wlcontact-label {
  width: auto;
  padding-right: 0.3rem;
}
.wlcontact-ansprechpartner .wlcontact-options br {
  display: none;
}
.wlcontact-ansprechpartner .wlcontact-address {
  margin-top: 1rem;
}
.wlcontact-ansprechpartner a {
  font-weight: 400 !important;
  font-size: 1em !important;
  text-decoration-thickness: 1px !important;
  padding: 0 !important;
}

.to-top {
  width: fit-content;
  aspect-ratio: 1/1;
  font-size: 1.25rem;
  padding: 0.8rem;
  position: fixed;
  left: calc(var(--gutter) * 1.5);
  bottom: calc(var(--gutter) * 1.5);
  z-index: 200;
  border: 1.5px solid #fff;
  opacity: 0;
  transform: translateY(100px);
  transition: transform 0.5s, opacity 0.3s;
}
@media (max-width: 575.98px) {
  .to-top {
    bottom: calc(var(--gutter) * 4.5);
  }
}
.to-top-show {
  opacity: 1;
  transform: translateY(0);
  transition: transform 0.5s, opacity 0.8s;
}

.awesomplete {
  flex: 1;
}

.accordion {
  --bs-accordion-bg: transparent;
  --icon-margin-right: 1rem;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23567483'%3e%3cpath fill-rule='evenodd' d='M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0M4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: var(--bs-accordion-btn-icon);
  --bs-accordion-btn-icon-transform: rotate(90deg);
  --bs-accordion-border-color: var(--bs-primary);
  --bs-accordion-active-bg: var(--bs-vy-grey-blue-200);
}
.accordion-header .accordion-button {
  font-weight: 600;
  color: var(--bs-primary);
}
@media (min-width: 768px) {
  .accordion-header .accordion-button {
    font-size: 1.125rem;
  }
}
.accordion-header .accordion-button:after {
  order: -1;
  margin-left: 0;
  margin-right: var(--icon-margin-right);
}
.accordion-body {
  padding-left: calc(var(--bs-accordion-body-padding-x) + var(--bs-accordion-btn-icon-width) + var(--icon-margin-right));
}

.btn-white {
  --bs-btn-hover-border-color: #06265f;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(45, 78, 139, .5);
}
.btn-custom {
  --bs-btn-color: #000;
  --bs-btn-bg: rgb(230.5, 237.5, 241);
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(234.175, 240.125, 243.1);
  --bs-btn-hover-border-color: rgba(255, 255, 255, 0.1);
  --bs-btn-focus-shadow-rgb: 0, 0, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(235.4, 241, 243.8);
  --bs-btn-active-border-color: rgba(255, 255, 255, 0.1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgb(230.5, 237.5, 241);
  --bs-btn-disabled-border-color: transparent;
}
.btn-title {
  padding-block: 0.375rem;
}

div.btn {
  cursor: initial;
}

[class*=has-icon] {
  display: flex;
  align-items: center;
}
[class*=has-icon]:before {
  display: block;
  content: "";
  width: 1em;
  height: 1em;
  aspect-ratio: 1/1;
  margin-right: 0.3em;
}

.has-icon-phone-fill:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-telephone-fill' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/%3E%3C/svg%3E");
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.has-icon-person-fill:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6'/%3E%3C/svg%3E");
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.has-icon-journal-text:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-journal-text' viewBox='0 0 16 16'%3E%3Cpath d='M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5 M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2 M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z'/%3E%3C/svg%3E");
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.has-icon-lens:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.has-icon-facebook:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-facebook' viewBox='0 0 16 16'%3E%3Cpath d='M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951'/%3E%3C/svg%3E");
  background-size: auto 100%;
  background-repeat: no-repeat;
}
.has-icon-instagram:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-instagram' viewBox='0 0 16 16'%3E%3Cpath d='M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334'/%3E%3C/svg%3E");
  background-size: auto 100%;
  background-repeat: no-repeat;
}

[class*=has-dot] {
  display: flex;
  align-items: center;
}
[class*=has-dot]:before {
  display: block;
  content: "";
  width: 0.6em;
  height: 0.6em;
  aspect-ratio: 1/1;
  margin-right: 0.3em;
  border-radius: 50px;
}

.has-dot-red:before {
  background-color: var(--bs-vy-red-400);
}

.has-dot-orange:before {
  background-color: var(--bs-vy-orange-400);
}

.has-dot-yellow:before {
  background-color: var(--bs-vy-yellow-400);
}

.bg-grey-blue-400-half {
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 55%, rgba(var(--bs-vy-grey-blue-400-rgb), 1) 55%, rgba(var(--bs-vy-grey-blue-400-rgb), 1) 100%);
}

.pagination .page-link {
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x) !important;
}

.uc-embedding-container {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  min-height: initial !important;
  max-height: initial !important;
}

.tabs .nav-tabs {
  --bs-nav-tabs-border-color: var(--bs-primary);
  --bs-nav-tabs-link-hover-border-color: var(--bs-primary);
  --bs-nav-tabs-link-active-border-color: var(--bs-primary) var(--bs-primary) var(--bs-primary-bg-subtle);
  --bs-nav-tabs-link-active-bg: var(--bs-vy-grey-blue-200);
}

:root {
  --swiper-theme-color: var(--bs-primary) !important;
}

.swiper-button-next, .swiper-button-prev {
  width: 2rem !important;
  height: 2rem !important;
  background-color: var(--bs-primary) !important;
  border-radius: 100px !important;
}
.swiper-button-next:after, .swiper-button-prev:after {
  color: #fff !important;
  font-size: 1rem !important;
}
@media (min-width: 576px) {
  .swiper-button-next, .swiper-button-prev {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }
  .swiper-button-next:after, .swiper-button-prev:after {
    font-size: 1.5rem !important;
  }
}
.swiper-pagination {
  position: static !important;
  transform: none !important;
  margin-inline: auto;
  margin-top: 1rem;
}
.swiper-tarife .swiper-slide {
  height: auto !important;
}
.swiper-tarife .swiper-button-next, .swiper-tarife .swiper-button-prev, .swiper-tarife .swiper-pagination {
  position: static !important;
}
.swiper-tarife .swiper-button-next, .swiper-tarife .swiper-button-prev {
  margin-top: 0 !important;
}
.swiper-tarife .swiper-pagination {
  transform: translateX(0) !important;
  margin-inline: 1rem !important;
}
@media (min-width: 992px) {
  .flex-lg-row .swiper-slide-left, .flex-lg-row-reverse .swiper-slide-left {
    width: 62.5%;
  }
}
.swiper-slide-left .swiper-slide-image {
  height: 100%;
}
.swiper-slide-left .swiper-slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-slide-right {
  flex: 1;
}
.swiper-slide-right .swiper-slide-content {
  height: 100%;
}
.swiper-slide-content {
  padding-block: 1rem;
  padding-inline: calc(var(--gutter) * 2);
}

/*-- Schriftgroesse festlegen (iOS Bug) --*/
fieldset.formContainer {
  -webkit-text-size-adjust: 100% !important;
}

form h2 {
  font-size: 1.25rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

input,
textarea,
button {
  /* Remove First */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: "PFSquareSansPro";
}

input,
textarea,
select {
  border-width: 1.5px !important;
}

.form-label {
  font-size: 0.9em;
  margin-bottom: 0.3rem;
}

.form-check {
  margin-bottom: 0.3rem;
}

.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 0.25;
}

.form-section {
  background-color: var(--bs-vy-grey-blue-200);
  padding: 1rem;
}
@media (min-width: 768px) {
  .form-section {
    padding: 1.5rem;
  }
}
.form-section + .form-section {
  margin-top: 1.5rem;
}

.input-group .btn {
  border-radius: var(--bs-border-radius);
}

.formswszb .btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #567483;
  --bs-btn-border-color: #567483;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(73.1, 98.6, 111.35);
  --bs-btn-hover-border-color: rgb(68.8, 92.8, 104.8);
  --bs-btn-focus-shadow-rgb: 111, 137, 150;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(68.8, 92.8, 104.8);
  --bs-btn-active-border-color: rgb(64.5, 87, 98.25);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #567483;
  --bs-btn-disabled-border-color: #567483;
}
.formswszb .btn-warning {
  --bs-btn-color: #567483;
  --bs-btn-border-color: #567483;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #567483;
  --bs-btn-hover-border-color: #567483;
  --bs-btn-focus-shadow-rgb: 86, 116, 131;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #567483;
  --bs-btn-active-border-color: #567483;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #567483;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #567483;
  --bs-gradient: none;
  --bs-btn-bg: transparent;
}
.formswszb .rsform-type-hashcash {
  margin-top: 1.5rem;
}
.formswszb--multipage [id*=_page_0].formContainer .row:nth-child(2),
.formswszb--multipage [id*=_page_1].formContainer .row:nth-child(2) {
  background-color: var(--bs-vy-grey-blue-200);
  padding: 1rem;
}
@media (min-width: 768px) {
  .formswszb--multipage [id*=_page_0].formContainer .row:nth-child(2),
  .formswszb--multipage [id*=_page_1].formContainer .row:nth-child(2) {
    padding: 1.5rem;
  }
}
.formswszb--multipage .rsform-type-pagebreak {
  text-align: right;
  margin-top: 1.5rem;
}
.formswszb--multipage .rsform-type-submitbutton {
  margin-top: 1.5rem;
}
.formswszb--multipage .rsform-type-submitbutton > .formControls {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.formswszb--multipage .rsform-type-submitbutton > .formControls > div {
  width: 100%;
}
.formswszb--energieimpuls .form-label, .formswszb--ladeinfrastruktur .form-label {
  font-size: 1em;
  font-weight: 600;
}
.formswszb--produktbestellung {
  /* Zusammenfassung */
  /*   [id*='_zusammenfassung'] {
      display: none;
      font-size: 18px !important;
  }

  [class*='zusammenfassung__'] {
      font-size: 18px !important;
  } */
}
.formswszb--produktbestellung .rsform-block-introtext {
  margin-bottom: 1.5rem;
}
.formswszb--produktbestellung .rsform-block-grund, .formswszb--produktbestellung .rsform-block-rechnung-online-zusammenfassung {
  margin-bottom: 0 !important;
}
.formswszb--produktbestellung .rsform-block-weiter {
  text-align: right;
  margin-top: 1.5rem;
}
.formswszb--produktbestellung .rsform-block-senden {
  margin-top: 1.5rem;
}
.formswszb--produktbestellung .rsform-block-senden .formControls {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.formswszb--produktbestellung .rsform-block-senden .formControls > div {
  width: 100%;
}
.formswszb--produktbestellung .rsform-block-header, .formswszb--produktbestellung .rsform-block-header-zusammenfassung, .formswszb--produktbestellung .rsform-block-gewaehltes-produkt, .formswszb--produktbestellung .rsform-block-gewaehltes-produkt-zusammenfassung {
  background-color: var(--bs-primary);
  color: #fff;
  padding: 1rem;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .formswszb--produktbestellung .rsform-block-header, .formswszb--produktbestellung .rsform-block-header-zusammenfassung, .formswszb--produktbestellung .rsform-block-gewaehltes-produkt, .formswszb--produktbestellung .rsform-block-gewaehltes-produkt-zusammenfassung {
    padding: 1.5rem;
  }
}
.formswszb--produktbestellung .rsform-block-header h2, .formswszb--produktbestellung .rsform-block-header-zusammenfassung h2, .formswszb--produktbestellung .rsform-block-gewaehltes-produkt h2, .formswszb--produktbestellung .rsform-block-gewaehltes-produkt-zusammenfassung h2 {
  margin-bottom: 0;
}
.produktbestellung-strom .formswszb--produktbestellung .rsform-block-header, .produktbestellung-strom .formswszb--produktbestellung .rsform-block-header-zusammenfassung, .produktbestellung-strom .formswszb--produktbestellung .rsform-block-gewaehltes-produkt, .produktbestellung-strom .formswszb--produktbestellung .rsform-block-gewaehltes-produkt-zusammenfassung {
  background-color: var(--bs-vy-red-400);
}

.produktbestellung-erdgas .formswszb--produktbestellung .rsform-block-header, .produktbestellung-erdgas .formswszb--produktbestellung .rsform-block-header-zusammenfassung, .produktbestellung-erdgas .formswszb--produktbestellung .rsform-block-gewaehltes-produkt, .produktbestellung-erdgas .formswszb--produktbestellung .rsform-block-gewaehltes-produkt-zusammenfassung {
  background-color: var(--bs-vy-yellow-400);
  color: var(--bs-body-color);
}

.produktbestellung-waerme .formswszb--produktbestellung .rsform-block-header, .produktbestellung-waerme .formswszb--produktbestellung .rsform-block-header-zusammenfassung, .produktbestellung-waerme .formswszb--produktbestellung .rsform-block-gewaehltes-produkt, .produktbestellung-waerme .formswszb--produktbestellung .rsform-block-gewaehltes-produkt-zusammenfassung {
  background-color: var(--bs-vy-orange-400);
  color: var(--bs-body-color);
}

.produktbestellung-emobilitaet .formswszb--produktbestellung .rsform-block-header, .produktbestellung-emobilitaet .formswszb--produktbestellung .rsform-block-header-zusammenfassung, .produktbestellung-emobilitaet .formswszb--produktbestellung .rsform-block-gewaehltes-produkt, .produktbestellung-emobilitaet .formswszb--produktbestellung .rsform-block-gewaehltes-produkt-zusammenfassung {
  background-color: var(--bs-vy-turquoise-400);
  color: var(--bs-body-color);
}

.formswszb--produktbestellung .input-group .btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #567483;
  --bs-btn-border-color: #567483;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(73.1, 98.6, 111.35);
  --bs-btn-hover-border-color: rgb(68.8, 92.8, 104.8);
  --bs-btn-focus-shadow-rgb: 111, 137, 150;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(68.8, 92.8, 104.8);
  --bs-btn-active-border-color: rgb(64.5, 87, 98.25);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #567483;
  --bs-btn-disabled-border-color: #567483;
}
.formswszb--produktbestellung .btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #567483;
  --bs-btn-border-color: #567483;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(73.1, 98.6, 111.35);
  --bs-btn-hover-border-color: rgb(68.8, 92.8, 104.8);
  --bs-btn-focus-shadow-rgb: 111, 137, 150;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(68.8, 92.8, 104.8);
  --bs-btn-active-border-color: rgb(64.5, 87, 98.25);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #567483;
  --bs-btn-disabled-border-color: #567483;
}
.formswszb--produktbestellung .btn-warning {
  --bs-btn-color: #567483;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: #567483;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #567483;
  --bs-btn-hover-border-color: #567483;
  --bs-btn-focus-shadow-rgb: 86, 116, 131;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #567483;
  --bs-btn-active-border-color: #567483;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #567483;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #567483;
  --bs-gradient: none;
}
.formswszb--produktbestellung .zusammenfassung__rechnungsadresse {
  display: none;
}
.formswszb--produktbestellung .formswszb-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.formswszb--produktbestellung .zusammenfassung__row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 10px;
}
.formswszb--produktbestellung .zusammenfassung__row:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 500px) {
  .formswszb--produktbestellung .zusammenfassung__row {
    margin-bottom: 7.5px;
  }
}
.formswszb--produktbestellung .zusammenfassung__label {
  padding: 0;
  margin: 0;
  width: 100%;
  margin-bottom: 2.5px;
  font-weight: 600;
  font-size: 0.95em !important;
}
@media only screen and (min-width: 500px) {
  .formswszb--produktbestellung .zusammenfassung__label {
    width: 200px;
    margin-bottom: 0;
  }
}
.formswszb--produktbestellung .zusammenfassung__content {
  width: 100%;
}
@media only screen and (min-width: 500px) {
  .formswszb--produktbestellung .zusammenfassung__content {
    flex: 1;
  }
}
.formswszb--produktbestellung .zusammenfassung__grund.form-section {
  background-color: var(--bs-primary);
  color: #fff;
}
.formswszb--produktbestellung .zusammenfassung__grund h2 {
  margin-bottom: 0;
}
.formswszb--produktbestellung .zusammenfassung__adresse {
  width: 100%;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 500px) {
  .formswszb--produktbestellung .zusammenfassung__adresse {
    width: 50%;
  }
}
.formswszb--produktbestellung .zusammenfassung__rechnungsadresse {
  width: 100%;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 500px) {
  .formswszb--produktbestellung .zusammenfassung__rechnungsadresse {
    width: 50%;
  }
}
.formswszb--produktbestellung #zahlungsart_zusammenfassung,
.formswszb--produktbestellung #kuendigung_lieferinfos_zusammenfassung {
  margin-bottom: 1rem;
}
.formswszb--produktbestellung #lastschriftmandat-zahlungsart_zusammenfassung {
  margin-top: 1rem;
}

.jdbutton {
  --bs-btn-line-height: 1.5;
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 5rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block !important;
  font-family: inherit !important;
  text-shadow: none !important;
  box-shadow: none !important;
  line-height: var(--bs-btn-line-height) !important;
  text-align: center !important;
  text-decoration: none !important;
  vertical-align: middle !important;
  user-select: none !important;
  text-shadow: none !important;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color) !important;
  border-radius: var(--bs-btn-border-radius) !important;
  background-color: var(--bs-btn-bg) !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}
@media (prefers-reduced-motion: reduce) {
  .jdbutton {
    transition: none;
  }
}
.jdbutton:active {
  top: 0 !important;
}
.jdbutton:hover {
  color: var(--bs-btn-hover-color) !important;
  background-color: var(--bs-btn-hover-bg) !important;
  border-color: var(--bs-btn-hover-border-color) !important;
}
.jdbutton:focus-visible {
  color: var(--bs-btn-hover-color) !important;
  background-color: var(--bs-btn-hover-bg) !important;
  border-color: var(--bs-btn-hover-border-color) !important;
  outline: 0 !important;
  box-shadow: var(--bs-btn-focus-box-shadow) !important;
}
.vydl-btn .jdbutton {
  display: inline-flex !important;
  align-items: center;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x) !important;
  font-size: var(--bs-btn-font-size) !important;
  font-weight: var(--bs-btn-font-weight) !important;
  color: var(--bs-btn-color) !important;
  cursor: pointer !important;
  --bs-btn-color: #fff;
  --bs-btn-bg: #567483;
  --bs-btn-border-color: #567483;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(73.1, 98.6, 111.35);
  --bs-btn-hover-border-color: rgb(68.8, 92.8, 104.8);
  --bs-btn-focus-shadow-rgb: 111, 137, 150;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(68.8, 92.8, 104.8);
  --bs-btn-active-border-color: rgb(64.5, 87, 98.25);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #567483;
  --bs-btn-disabled-border-color: #567483;
}
.vydl-btn .jdbutton:before {
  display: block;
  content: "";
  width: 1em;
  height: 1em;
  aspect-ratio: 1/1;
  margin-right: 0.4em;
}
.vydl-btn .jdbutton:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-download' viewBox='0 0 16 16'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5 M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z' fill='%23fff'/%3E%3C/svg%3E");
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.vydl .jd_download_url {
  margin-left: 0;
}

.jd_content_category + .jd_content_category {
  margin-top: 0.75rem;
}

.content-block .col-image img {
  margin-bottom: 0;
}
.content-block .col-image figure {
  margin-bottom: 1rem;
}
.content-block .col-image-left figure, .content-block .col-image-right figure {
  margin-top: 0;
  margin-bottom: 0;
}
.content-block .col-image-top img {
  margin-bottom: 0;
}
.content-block .col-image-top figure {
  margin-bottom: 1rem;
}
.content-block .col-image-bottom img {
  margin-top: 0;
}
.content-block .col-image-bottom figure {
  margin-top: 1rem;
}
@media (min-width: 375px) {
  .content-block .col-image-xs-left figure, .content-block .col-image-xs-right figure {
    margin-top: 0;
    margin-bottom: 0;
  }
  .content-block .col-image-xs-top img {
    margin-bottom: 0;
  }
  .content-block .col-image-xs-top figure {
    margin-bottom: 1rem;
  }
  .content-block .col-image-xs-bottom img {
    margin-top: 0;
  }
  .content-block .col-image-xs-bottom figure {
    margin-top: 1rem;
  }
}
@media (min-width: 576px) {
  .content-block .col-image-sm-left figure, .content-block .col-image-sm-right figure {
    margin-top: 0;
    margin-bottom: 0;
  }
  .content-block .col-image-sm-top img {
    margin-bottom: 0;
  }
  .content-block .col-image-sm-top figure {
    margin-bottom: 1rem;
  }
  .content-block .col-image-sm-bottom img {
    margin-top: 0;
  }
  .content-block .col-image-sm-bottom figure {
    margin-top: 1rem;
  }
}
@media (min-width: 768px) {
  .content-block .col-image-md-left figure, .content-block .col-image-md-right figure {
    margin-top: 0;
    margin-bottom: 0;
  }
  .content-block .col-image-md-top img {
    margin-bottom: 0;
  }
  .content-block .col-image-md-top figure {
    margin-bottom: 1rem;
  }
  .content-block .col-image-md-bottom img {
    margin-top: 0;
  }
  .content-block .col-image-md-bottom figure {
    margin-top: 1rem;
  }
}
@media (min-width: 992px) {
  .content-block .col-image-lg-left figure, .content-block .col-image-lg-right figure {
    margin-top: 0;
    margin-bottom: 0;
  }
  .content-block .col-image-lg-top img {
    margin-bottom: 0;
  }
  .content-block .col-image-lg-top figure {
    margin-bottom: 1rem;
  }
  .content-block .col-image-lg-bottom img {
    margin-top: 0;
  }
  .content-block .col-image-lg-bottom figure {
    margin-top: 1rem;
  }
}
@media (min-width: 1200px) {
  .content-block .col-image-xl-left figure, .content-block .col-image-xl-right figure {
    margin-top: 0;
    margin-bottom: 0;
  }
  .content-block .col-image-xl-top img {
    margin-bottom: 0;
  }
  .content-block .col-image-xl-top figure {
    margin-bottom: 1rem;
  }
  .content-block .col-image-xl-bottom img {
    margin-top: 0;
  }
  .content-block .col-image-xl-bottom figure {
    margin-top: 1rem;
  }
}
@media (min-width: 1400px) {
  .content-block .col-image-xxl-left figure, .content-block .col-image-xxl-right figure {
    margin-top: 0;
    margin-bottom: 0;
  }
  .content-block .col-image-xxl-top img {
    margin-bottom: 0;
  }
  .content-block .col-image-xxl-top figure {
    margin-bottom: 1rem;
  }
  .content-block .col-image-xxl-bottom img {
    margin-top: 0;
  }
  .content-block .col-image-xxl-bottom figure {
    margin-top: 1rem;
  }
}

.modal {
  --bs-modal-border-radius: 0;
  --bs-modal-inner-border-radius: 0;
}
.modal-tarifrechner {
  --bs-modal-width: 80%;
}
@media (min-width: 992px) {
  .modal-tarifrechner .modal-dialog {
    max-width: min(80%, 1000px);
  }
}
.modal-tarif {
  --bs-modal-width: 80%;
}
@media (min-width: 768px) {
  .modal-tarif {
    --bs-modal-header-padding: 1rem 1.5rem;
    --bs-modal-padding: 1.5rem;
  }
}
@media (min-width: 992px) {
  .modal-tarif .modal-dialog {
    max-width: min(80%, 1000px);
  }
}
.modal-tarif .modal-title {
  font-weight: 700;
}
.modal-tarif .modal-title span {
  font-weight: 400;
}
.modal-tarif .modal-body h3 {
  font-weight: 600;
  font-size: calc(1.255rem + 0.06vw);
  margin-bottom: 1rem;
  color: var(--bs-primary);
}
@media (min-width: 1200px) {
  .modal-tarif .modal-body h3 {
    font-size: 1.3rem;
  }
}
.modal-tarif .modal-body h4 {
  font-weight: 400;
  font-size: 1.1rem;
}
@media (max-width: 575.98px) {
  .modal-tarif .modal-body .col-label {
    width: 65%;
  }
}
@media (min-width: 576px) {
  .modal-tarif .modal-body .border-before-dashed {
    display: inline-flex;
  }
  .modal-tarif .modal-body .border-before-dashed:before {
    content: "";
    flex: 1;
    border-bottom: 1.4px dashed var(--bs-body-color);
    margin-right: calc(var(--gutter) * 2);
  }
}
.modal-tarif .modal-body li {
  margin-bottom: 0.25rem;
}
.modal-tarif .modal-kosten {
  border: 1px solid var(--bs-vy-grey-blue-400);
}
.modal-tarif .modal-infos {
  background-color: var(--bs-vy-grey-blue-200);
}
.modal-tarif .modal-infos .bi {
  color: var(--bs-primary);
}

.hamburger-line, .hamburger:after, .hamburger:before {
  width: 100%;
  height: 2px;
  border-radius: 5px;
  display: block;
  background-color: #567483;
  position: absolute;
}

.hamburger {
  width: 30px;
  height: 22px;
  margin: 0;
  display: block;
  position: relative;
  cursor: pointer;
}
.hamburger:before {
  content: "";
  top: 0;
  left: 0;
}
.hamburger:after {
  content: "";
  bottom: 0;
  left: 0;
}
.hamburger-line {
  top: 10px;
  left: 0;
}
.navbar-toggler[aria-expanded=true] .hamburger:before, .hamburger-cbx:checked ~ .hamburger:before {
  top: 10px;
  transform: rotate(45deg);
  width: 100%;
}
.navbar-toggler[aria-expanded=true] .hamburger:after, .hamburger-cbx:checked ~ .hamburger:after {
  bottom: 10px;
  transform: rotate(-45deg);
  width: 100%;
}
.navbar-toggler[aria-expanded=true] .hamburger-line, .hamburger-cbx:checked ~ .hamburger-line {
  display: none;
}

.hamburger-slide:before {
  transition: all 0.075s linear;
}
.hamburger-slide:after {
  transition: all 0.075s linear;
}
.hamburger-slide .hamburger-line {
  transition: all 0.075s linear;
}
.navbar-toggler[aria-expanded=true] .hamburger-slide .hamburger-line, .hamburger-cbx:checked ~ .hamburger-slide .hamburger-line {
  display: block;
  width: 0;
  opacity: 0;
}

.hamburger-squeeze:before {
  transition: top 0.075s linear 0.175s, transform 0.075s linear, width 0s linear 0.175s;
}
.hamburger-squeeze:after {
  transition: bottom 0.075s linear 0.175s, transform 0.075s linear, width 0s linear 0.175s;
}
.hamburger-squeeze .hamburger-line {
  transition: all 0s linear 0.175s;
}
.navbar-toggler[aria-expanded=true] .hamburger-squeeze:before, .hamburger-cbx:checked ~ .hamburger-squeeze:before {
  transition: top 0.075s linear, transform 0.075s linear 0.175s, width 0s linear 0.175s;
}
.navbar-toggler[aria-expanded=true] .hamburger-squeeze:after, .hamburger-cbx:checked ~ .hamburger-squeeze:after {
  transition: bottom 0.075s linear, transform 0.075s linear 0.175s, width 0s linear 0.175s;
}
.navbar-toggler[aria-expanded=true] .hamburger-squeeze .hamburger-line, .hamburger-cbx:checked ~ .hamburger-squeeze .hamburger-line {
  display: block;
  width: 0;
  opacity: 0;
  transition: all 0s linear 0.075s;
}

.hamburger-minus:before {
  transition: top 0.075s linear, width 0s linear;
}
.hamburger-minus:after {
  transition: bottom 0.075s linear, width 0s linear;
}
.hamburger-minus .hamburger-line {
  transition: all 0s linear;
}
.navbar-toggler[aria-expanded=true] .hamburger-minus:before, .hamburger-cbx:checked ~ .hamburger-minus:before {
  transform: rotate(0deg);
  transition: top 0.075s linear, width 0s linear 0.075s;
}
.navbar-toggler[aria-expanded=true] .hamburger-minus:after, .hamburger-cbx:checked ~ .hamburger-minus:after {
  transform: rotate(0deg);
  transition: bottom 0.075s linear, width 0s linear 0.075s;
}
.navbar-toggler[aria-expanded=true] .hamburger-minus .hamburger-line, .hamburger-cbx:checked ~ .hamburger-minus .hamburger-line {
  display: block;
  width: 0;
  opacity: 0;
  transition: all 0s linear 0.075s;
}

.wlcontact-item + .wlcontact-item {
  margin-top: 2rem;
}
.wlcontact-item > [class^=wlcontact-] + [class^=wlcontact-] {
  margin-top: 0.5rem;
}
.wlcontact-open .wlcontact-day {
  width: 90px;
  margin-right: 0.75rem;
  font-weight: 600;
}
.wlcontact-open .wlcontact-am {
  margin-right: 0.75rem;
}

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