@charset "UTF-8";

/* src/app/oev.vkb.sass */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons.eot");
  src:
    url("./media/primeicons.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons.woff2") format("woff2"),
    url("./media/primeicons.woff") format("woff"),
    url("./media/primeicons.ttf") format("truetype"),
    url("./media/primeicons.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}
.pi-receipt:before {
  content: "\ea06";
}
.pi-asterisk:before {
  content: "\ea07";
}
.pi-face-smile:before {
  content: "\ea08";
}
.pi-pinterest:before {
  content: "\ea09";
}
.pi-expand:before {
  content: "\ea0a";
}
.pi-pen-to-square:before {
  content: "\ea0b";
}
.pi-wave-pulse:before {
  content: "\ea0c";
}
.pi-turkish-lira:before {
  content: "\ea0d";
}
.pi-spinner-dotted:before {
  content: "\ea0e";
}
.pi-crown:before {
  content: "\ea0f";
}
.pi-pause-circle:before {
  content: "\ea10";
}
.pi-warehouse:before {
  content: "\ea11";
}
.pi-objects-column:before {
  content: "\ea12";
}
.pi-clipboard:before {
  content: "\ea13";
}
.pi-play-circle:before {
  content: "\ea14";
}
.pi-venus:before {
  content: "\ea15";
}
.pi-cart-minus:before {
  content: "\ea16";
}
.pi-file-plus:before {
  content: "\ea17";
}
.pi-microchip:before {
  content: "\ea18";
}
.pi-twitch:before {
  content: "\ea19";
}
.pi-building-columns:before {
  content: "\ea1a";
}
.pi-file-check:before {
  content: "\ea1b";
}
.pi-microchip-ai:before {
  content: "\ea1c";
}
.pi-trophy:before {
  content: "\ea1d";
}
.pi-barcode:before {
  content: "\ea1e";
}
.pi-file-arrow-up:before {
  content: "\ea1f";
}
.pi-mars:before {
  content: "\ea20";
}
.pi-tiktok:before {
  content: "\ea21";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}
.pi-ethereum:before {
  content: "\ea23";
}
.pi-list-check:before {
  content: "\ea24";
}
.pi-thumbtack:before {
  content: "\ea25";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}
.pi-equals:before {
  content: "\ea27";
}
.pi-lightbulb:before {
  content: "\ea28";
}
.pi-star-half:before {
  content: "\ea29";
}
.pi-address-book:before {
  content: "\ea2a";
}
.pi-chart-scatter:before {
  content: "\ea2b";
}
.pi-indian-rupee:before {
  content: "\ea2c";
}
.pi-star-half-fill:before {
  content: "\ea2d";
}
.pi-cart-arrow-down:before {
  content: "\ea2e";
}
.pi-calendar-clock:before {
  content: "\ea2f";
}
.pi-sort-up-fill:before {
  content: "\ea30";
}
.pi-sparkles:before {
  content: "\ea31";
}
.pi-bullseye:before {
  content: "\ea32";
}
.pi-sort-down-fill:before {
  content: "\ea33";
}
.pi-graduation-cap:before {
  content: "\ea34";
}
.pi-hammer:before {
  content: "\ea35";
}
.pi-bell-slash:before {
  content: "\ea36";
}
.pi-gauge:before {
  content: "\ea37";
}
.pi-shop:before {
  content: "\ea38";
}
.pi-headphones:before {
  content: "\ea39";
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}
@font-face {
  font-family: Ubuntu;
  src: url("./media/ubuntu-v14-latin-700.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Ubuntu;
  src: url("./media/ubuntu-v14-latin-500.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Ubuntu;
  src: url("./media/ubuntu-v14-latin-regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Ubuntu;
  src: url("./media/ubuntu-v14-latin-300italic.woff") format("woff");
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("./media/roboto-v19-latin-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("./media/roboto-v19-latin-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("./media/roboto-v19-latin-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Roboto;
  src: url("./media/roboto-v19-latin-900.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sparkasse Web";
  src: url("./media/sparkasse-web-normal.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sparkasse Web";
  src: url("./media/sparkasse-web-thin.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sparkasse Web";
  src: url("./media/sparkasse-web-bold.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AOKBuenosAiresText;
  src: url("./media/AOKBuenosAiresText-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: AOKBuenosAiresText;
  src: url("./media/AOKBuenosAiresText-SemiBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mark Pro";
  src: url("./media/MarkPro-400-normal.woff2") format("woff2"), url("./media/MarkPro-400-normal.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mark Pro";
  src: url("./media/MarkPro-500-normal.woff2") format("woff2"), url("./media/MarkPro-500-normal.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mark Pro";
  src: url("./media/MarkPro-700-normal.woff2") format("woff2"), url("./media/MarkPro-700-normal.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: GenosGFG;
  src: url("./media/GenosGFG-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: GenosGFG;
  src: url("./media/GenosGFG-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: GenosGFG;
  src: url("./media/GenosGFG-RegularItalic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: BrixSansRegular;
  src: url("./media/BrixSansRegular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: BrixSansRegular;
  src: url("./media/BrixSansBold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Sparkasse Lt";
  src: url("./media/Sparkasse_web_Lt.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: icons;
  src: url("./media/iconfont-vk.woff2") format("woff2"), url("./media/iconfont-vk.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: iconfont-vk;
  src: url("./media/iconfont-vk.woff2") format("woff2"), url("./media/iconfont-vk.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: iconfont-vk-dxp;
  src: url("./media/iconfont-vk-dxp.woff2") format("woff2"), url("./media/iconfont-vk-dxp.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: icons;
  src: url("./media/iconfont-oevbs.woff2") format("woff2"), url("./media/iconfont-oevbs.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: iconfont-oevbs;
  src: url("./media/iconfont-oevbs.woff2") format("woff2"), url("./media/iconfont-oevbs.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: icons;
  src: url("./media/iconfont-provinzial.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: iconfont-provinzial;
  src: url("./media/iconfont-provinzial.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: icons;
  src: url("./media/iconfont-svag.woff") format("woff");
  font-display: block;
}
@font-face {
  font-family: iconfont-svag;
  src: url("./media/iconfont-svag.woff") format("woff");
  font-display: block;
}
.p-iconwrapper {
  line-height: 1.5rem;
}
.p-iconwrapper svg {
  display: none;
  height: 0;
  width: 0;
}
folderplusicon::before {
  font-family: primeicons;
  content: "\ea05";
}
receipticon::before {
  font-family: primeicons;
  content: "\ea06";
}
asteriskicon::before {
  font-family: primeicons;
  content: "\ea07";
}
facesmileicon::before {
  font-family: primeicons;
  content: "\ea08";
}
pinteresticon::before {
  font-family: primeicons;
  content: "\ea09";
}
expandicon::before {
  font-family: primeicons;
  content: "\ea0a";
}
pentosquareicon::before {
  font-family: primeicons;
  content: "\ea0b";
}
wavepulseicon::before {
  font-family: primeicons;
  content: "\ea0c";
}
turkishliraicon::before {
  font-family: primeicons;
  content: "\ea0d";
}
spinnerdottedicon::before {
  font-family: primeicons;
  content: "\ea0e";
}
crownicon::before {
  font-family: primeicons;
  content: "\ea0f";
}
pausecircleicon::before {
  font-family: primeicons;
  content: "\ea10";
}
warehouseicon::before {
  font-family: primeicons;
  content: "\ea11";
}
objectscolumnicon::before {
  font-family: primeicons;
  content: "\ea12";
}
clipboardicon::before {
  font-family: primeicons;
  content: "\ea13";
}
playcircleicon::before {
  font-family: primeicons;
  content: "\ea14";
}
venusicon::before {
  font-family: primeicons;
  content: "\ea15";
}
cartminusicon::before {
  font-family: primeicons;
  content: "\ea16";
}
fileplusicon::before {
  font-family: primeicons;
  content: "\ea17";
}
microchipicon::before {
  font-family: primeicons;
  content: "\ea18";
}
twitchicon::before {
  font-family: primeicons;
  content: "\ea19";
}
buildingcolumnsicon::before {
  font-family: primeicons;
  content: "\ea1a";
}
filecheckicon::before {
  font-family: primeicons;
  content: "\ea1b";
}
microchipaiicon::before {
  font-family: primeicons;
  content: "\ea1c";
}
trophyicon::before {
  font-family: primeicons;
  content: "\ea1d";
}
barcodeicon::before {
  font-family: primeicons;
  content: "\ea1e";
}
filearrowupicon::before {
  font-family: primeicons;
  content: "\ea1f";
}
marsicon::before {
  font-family: primeicons;
  content: "\ea20";
}
tiktokicon::before {
  font-family: primeicons;
  content: "\ea21";
}
arrowuprightandarrowdownleftfromcentericon::before {
  font-family: primeicons;
  content: "\ea22";
}
ethereumicon::before {
  font-family: primeicons;
  content: "\ea23";
}
listcheckicon::before {
  font-family: primeicons;
  content: "\ea24";
}
thumbtackicon::before {
  font-family: primeicons;
  content: "\ea25";
}
arrowdownleftandarrowuprighttocentericon::before {
  font-family: primeicons;
  content: "\ea26";
}
equalsicon::before {
  font-family: primeicons;
  content: "\ea27";
}
lightbulbicon::before {
  font-family: primeicons;
  content: "\ea28";
}
starhalficon::before {
  font-family: primeicons;
  content: "\ea29";
}
addressbookicon::before {
  font-family: primeicons;
  content: "\ea2a";
}
chartscattericon::before {
  font-family: primeicons;
  content: "\ea2b";
}
indianrupeeicon::before {
  font-family: primeicons;
  content: "\ea2c";
}
starhalffillicon::before {
  font-family: primeicons;
  content: "\ea2d";
}
cartarrowdownicon::before {
  font-family: primeicons;
  content: "\ea2e";
}
calendarclockicon::before {
  font-family: primeicons;
  content: "\ea2f";
}
sortupfillicon::before {
  font-family: primeicons;
  content: "\ea30";
}
sparklesicon::before {
  font-family: primeicons;
  content: "\ea31";
}
bullseyeicon::before {
  font-family: primeicons;
  content: "\ea32";
}
sortdownfillicon::before {
  font-family: primeicons;
  content: "\ea33";
}
graduationcapicon::before {
  font-family: primeicons;
  content: "\ea34";
}
hammericon::before {
  font-family: primeicons;
  content: "\ea35";
}
bellslashicon::before {
  font-family: primeicons;
  content: "\ea36";
}
gaugeicon::before {
  font-family: primeicons;
  content: "\ea37";
}
shopicon::before {
  font-family: primeicons;
  content: "\ea38";
}
headphonesicon::before {
  font-family: primeicons;
  content: "\ea39";
}
erasericon::before {
  font-family: primeicons;
  content: "\ea04";
}
stopwatchicon::before {
  font-family: primeicons;
  content: "\ea01";
}
verifiedicon::before {
  font-family: primeicons;
  content: "\ea02";
}
deletelefticon::before {
  font-family: primeicons;
  content: "\ea03";
}
hourglassicon::before {
  font-family: primeicons;
  content: "\e9fe";
}
truckicon::before {
  font-family: primeicons;
  content: "\ea00";
}
wrenchicon::before {
  font-family: primeicons;
  content: "\e9ff";
}
microphoneicon::before {
  font-family: primeicons;
  content: "\e9fa";
}
megaphoneicon::before {
  font-family: primeicons;
  content: "\e9fb";
}
arrowrightarrowlefticon::before {
  font-family: primeicons;
  content: "\e9fc";
}
bitcoinicon::before {
  font-family: primeicons;
  content: "\e9fd";
}
fileediticon::before {
  font-family: primeicons;
  content: "\e9f6";
}
languageicon::before {
  font-family: primeicons;
  content: "\e9f7";
}
fileexporticon::before {
  font-family: primeicons;
  content: "\e9f8";
}
fileimporticon::before {
  font-family: primeicons;
  content: "\e9f9";
}
filewordicon::before {
  font-family: primeicons;
  content: "\e9f1";
}
gifticon::before {
  font-family: primeicons;
  content: "\e9f2";
}
cartplusicon::before {
  font-family: primeicons;
  content: "\e9f3";
}
thumbsdownfillicon::before {
  font-family: primeicons;
  content: "\e9f4";
}
thumbsupfillicon::before {
  font-family: primeicons;
  content: "\e9f5";
}
arrowsalticon::before {
  font-family: primeicons;
  content: "\e9f0";
}
calculatoricon::before {
  font-family: primeicons;
  content: "\e9ef";
}
sortaltslashicon::before {
  font-family: primeicons;
  content: "\e9ee";
}
arrowshicon::before {
  font-family: primeicons;
  content: "\e9ec";
}
arrowsvicon::before {
  font-family: primeicons;
  content: "\e9ed";
}
poundicon::before {
  font-family: primeicons;
  content: "\e9eb";
}
primeicon::before {
  font-family: primeicons;
  content: "\e9ea";
}
chartpieicon::before {
  font-family: primeicons;
  content: "\e9e9";
}
redditicon::before {
  font-family: primeicons;
  content: "\e9e8";
}
codeicon::before {
  font-family: primeicons;
  content: "\e9e7";
}
syncicon::before {
  font-family: primeicons;
  content: "\e9e6";
}
shoppingbagicon::before {
  font-family: primeicons;
  content: "\e9e5";
}
servericon::before {
  font-family: primeicons;
  content: "\e9e4";
}
databaseicon::before {
  font-family: primeicons;
  content: "\e9e3";
}
hashtagicon::before {
  font-family: primeicons;
  content: "\e9e2";
}
bookmarkfillicon::before {
  font-family: primeicons;
  content: "\e9df";
}
filterfillicon::before {
  font-family: primeicons;
  content: "\e9e0";
}
heartfillicon::before {
  font-family: primeicons;
  content: "\e9e1";
}
flagfillicon::before {
  font-family: primeicons;
  content: "\e9de";
}
circleicon::before {
  font-family: primeicons;
  content: "\e9dc";
}
circlefillicon::before {
  font-family: primeicons;
  content: "\e9dd";
}
bolticon::before {
  font-family: primeicons;
  content: "\e9db";
}
historyicon::before {
  font-family: primeicons;
  content: "\e9da";
}
boxicon::before {
  font-family: primeicons;
  content: "\e9d9";
}
aticon::before {
  font-family: primeicons;
  content: "\e9d8";
}
arrowuprighticon::before {
  font-family: primeicons;
  content: "\e9d4";
}
arrowuplefticon::before {
  font-family: primeicons;
  content: "\e9d5";
}
arrowdownlefticon::before {
  font-family: primeicons;
  content: "\e9d6";
}
arrowdownrighticon::before {
  font-family: primeicons;
  content: "\e9d7";
}
telegramicon::before {
  font-family: primeicons;
  content: "\e9d3";
}
stopcircleicon::before {
  font-family: primeicons;
  content: "\e9d2";
}
stopicon::before {
  font-family: primeicons;
  content: "\e9d1";
}
whatsappicon::before {
  font-family: primeicons;
  content: "\e9d0";
}
buildingicon::before {
  font-family: primeicons;
  content: "\e9cf";
}
qrcodeicon::before {
  font-family: primeicons;
  content: "\e9ce";
}
caricon::before {
  font-family: primeicons;
  content: "\e9cd";
}
instagramicon::before {
  font-family: primeicons;
  content: "\e9cc";
}
linkedinicon::before {
  font-family: primeicons;
  content: "\e9cb";
}
sendicon::before {
  font-family: primeicons;
  content: "\e9ca";
}
slackicon::before {
  font-family: primeicons;
  content: "\e9c9";
}
sunicon::before {
  font-family: primeicons;
  content: "\e9c8";
}
moonicon::before {
  font-family: primeicons;
  content: "\e9c7";
}
vimeoicon::before {
  font-family: primeicons;
  content: "\e9c6";
}
youtubeicon::before {
  font-family: primeicons;
  content: "\e9c5";
}
flagicon::before {
  font-family: primeicons;
  content: "\e9c4";
}
walleticon::before {
  font-family: primeicons;
  content: "\e9c3";
}
mapicon::before {
  font-family: primeicons;
  content: "\e9c2";
}
linkicon::before {
  font-family: primeicons;
  content: "\e9c1";
}
creditcardicon::before {
  font-family: primeicons;
  content: "\e9bf";
}
discordicon::before {
  font-family: primeicons;
  content: "\e9c0";
}
percentageicon::before {
  font-family: primeicons;
  content: "\e9be";
}
euroicon::before {
  font-family: primeicons;
  content: "\e9bd";
}
bookicon::before {
  font-family: primeicons;
  content: "\e9ba";
}
shieldicon::before {
  font-family: primeicons;
  content: "\e9b9";
}
paypalicon::before {
  font-family: primeicons;
  content: "\e9bb";
}
amazonicon::before {
  font-family: primeicons;
  content: "\e9bc";
}
phoneicon::before {
  font-family: primeicons;
  content: "\e9b8";
}
filterslashicon::before {
  font-family: primeicons;
  content: "\e9b7";
}
facebookicon::before {
  font-family: primeicons;
  content: "\e9b4";
}
githubicon::before {
  font-family: primeicons;
  content: "\e9b5";
}
twittericon::before {
  font-family: primeicons;
  content: "\e9b6";
}
stepbackwardalticon::before {
  font-family: primeicons;
  content: "\e9ac";
}
stepforwardalticon::before {
  font-family: primeicons;
  content: "\e9ad";
}
forwardicon::before {
  font-family: primeicons;
  content: "\e9ae";
}
backwardicon::before {
  font-family: primeicons;
  content: "\e9af";
}
fastbackwardicon::before {
  font-family: primeicons;
  content: "\e9b0";
}
fastforwardicon::before {
  font-family: primeicons;
  content: "\e9b1";
}
pauseicon::before {
  font-family: primeicons;
  content: "\e9b2";
}
playicon::before {
  font-family: primeicons;
  content: "\e9b3";
}
compassicon::before {
  font-family: primeicons;
  content: "\e9ab";
}
idcardicon::before {
  font-family: primeicons;
  content: "\e9aa";
}
ticketicon::before {
  font-family: primeicons;
  content: "\e9a9";
}
fileoicon::before {
  font-family: primeicons;
  content: "\e9a8";
}
replyicon::before {
  font-family: primeicons;
  content: "\e9a7";
}
directionsalticon::before {
  font-family: primeicons;
  content: "\e9a5";
}
directionsicon::before {
  font-family: primeicons;
  content: "\e9a6";
}
thumbsupicon::before {
  font-family: primeicons;
  content: "\e9a3";
}
thumbsdownicon::before {
  font-family: primeicons;
  content: "\e9a4";
}
sortnumericdownalticon::before {
  font-family: primeicons;
  content: "\e996";
}
sortnumericupalticon::before {
  font-family: primeicons;
  content: "\e997";
}
sortalphadownalticon::before {
  font-family: primeicons;
  content: "\e998";
}
sortalphaupalticon::before {
  font-family: primeicons;
  content: "\e999";
}
sortnumericdownicon::before {
  font-family: primeicons;
  content: "\e99a";
}
sortnumericupicon::before {
  font-family: primeicons;
  content: "\e99b";
}
sortalphadownicon::before {
  font-family: primeicons;
  content: "\e99c";
}
sortalphaupicon::before {
  font-family: primeicons;
  content: "\e99d";
}
sortalticon::before {
  font-family: primeicons;
  content: "\e99e";
}
sortamountupicon::before {
  font-family: primeicons;
  content: "\e99f";
}
sortamountdownicon::before {
  font-family: primeicons;
  content: "\e9a0";
}
sortamountdownalticon::before {
  font-family: primeicons;
  content: "\e9a1";
}
sortamountupalticon::before {
  font-family: primeicons;
  content: "\e9a2";
}
paletteicon::before {
  font-family: primeicons;
  content: "\e995";
}
undoicon::before {
  font-family: primeicons;
  content: "\e994";
}
desktopicon::before {
  font-family: primeicons;
  content: "\e993";
}
slidersvicon::before {
  font-family: primeicons;
  content: "\e991";
}
slidershicon::before {
  font-family: primeicons;
  content: "\e992";
}
searchplusicon::before {
  font-family: primeicons;
  content: "\e98f";
}
searchminusicon::before {
  font-family: primeicons;
  content: "\e990";
}
fileexcelicon::before {
  font-family: primeicons;
  content: "\e98e";
}
filepdficon::before {
  font-family: primeicons;
  content: "\e98d";
}
checksquareicon::before {
  font-family: primeicons;
  content: "\e98c";
}
chartlineicon::before {
  font-family: primeicons;
  content: "\e98b";
}
userediticon::before {
  font-family: primeicons;
  content: "\e98a";
}
exclamationcircleicon::before {
  font-family: primeicons;
  content: "\e989";
}
androidicon::before {
  font-family: primeicons;
  content: "\e985";
}
googleicon::before {
  font-family: primeicons;
  content: "\e986";
}
appleicon::before {
  font-family: primeicons;
  content: "\e987";
}
microsofticon::before {
  font-family: primeicons;
  content: "\e988";
}
hearticon::before {
  font-family: primeicons;
  content: "\e984";
}
mobileicon::before {
  font-family: primeicons;
  content: "\e982";
}
tableticon::before {
  font-family: primeicons;
  content: "\e983";
}
keyicon::before {
  font-family: primeicons;
  content: "\e981";
}
shoppingcarticon::before {
  font-family: primeicons;
  content: "\e980";
}
commentsicon::before {
  font-family: primeicons;
  content: "\e97e";
}
commenticon::before {
  font-family: primeicons;
  content: "\e97f";
}
briefcaseicon::before {
  font-family: primeicons;
  content: "\e97d";
}
bellicon::before {
  font-family: primeicons;
  content: "\e97c";
}
paperclipicon::before {
  font-family: primeicons;
  content: "\e97b";
}
sharealticon::before {
  font-family: primeicons;
  content: "\e97a";
}
envelopeicon::before {
  font-family: primeicons;
  content: "\e979";
}
volumedownicon::before {
  font-family: primeicons;
  content: "\e976";
}
volumeupicon::before {
  font-family: primeicons;
  content: "\e977";
}
volumeofficon::before {
  font-family: primeicons;
  content: "\e978";
}
ejecticon::before {
  font-family: primeicons;
  content: "\e975";
}
moneybillicon::before {
  font-family: primeicons;
  content: "\e974";
}
imagesicon::before {
  font-family: primeicons;
  content: "\e973";
}
imageicon::before {
  font-family: primeicons;
  content: "\e972";
}
signinicon::before {
  font-family: primeicons;
  content: "\e970";
}
signouticon::before {
  font-family: primeicons;
  content: "\e971";
}
wifiicon::before {
  font-family: primeicons;
  content: "\e96f";
}
sitemapicon::before {
  font-family: primeicons;
  content: "\e96e";
}
chartbaricon::before {
  font-family: primeicons;
  content: "\e96d";
}
cameraicon::before {
  font-family: primeicons;
  content: "\e96c";
}
dollaricon::before {
  font-family: primeicons;
  content: "\e96b";
}
lockopenicon::before {
  font-family: primeicons;
  content: "\e96a";
}
tableicon::before {
  font-family: primeicons;
  content: "\e969";
}
mapmarkericon::before {
  font-family: primeicons;
  content: "\e968";
}
listicon::before {
  font-family: primeicons;
  content: "\e967";
}
eyeslashicon::before {
  font-family: primeicons;
  content: "\e965";
}
eyeicon::before {
  font-family: primeicons;
  content: "\e966";
}
folderopenicon::before {
  font-family: primeicons;
  content: "\e964";
}
foldericon::before {
  font-family: primeicons;
  content: "\e963";
}
videoicon::before {
  font-family: primeicons;
  content: "\e962";
}
inboxicon::before {
  font-family: primeicons;
  content: "\e961";
}
lockicon::before {
  font-family: primeicons;
  content: "\e95f";
}
unlockicon::before {
  font-family: primeicons;
  content: "\e960";
}
tagsicon::before {
  font-family: primeicons;
  content: "\e95d";
}
tagicon::before {
  font-family: primeicons;
  content: "\e95e";
}
powerofficon::before {
  font-family: primeicons;
  content: "\e95c";
}
saveicon::before {
  font-family: primeicons;
  content: "\e95b";
}
questioncircleicon::before {
  font-family: primeicons;
  content: "\e959";
}
questionicon::before {
  font-family: primeicons;
  content: "\e95a";
}
copyicon::before {
  font-family: primeicons;
  content: "\e957";
}
fileicon::before {
  font-family: primeicons;
  content: "\e958";
}
cloneicon::before {
  font-family: primeicons;
  content: "\e955";
}
calendartimesicon::before {
  font-family: primeicons;
  content: "\e952";
}
calendarminusicon::before {
  font-family: primeicons;
  content: "\e953";
}
calendarplusicon::before {
  font-family: primeicons;
  content: "\e954";
}
ellipsisvicon::before {
  font-family: primeicons;
  content: "\e950";
}
ellipsishicon::before {
  font-family: primeicons;
  content: "\e951";
}
bookmarkicon::before {
  font-family: primeicons;
  content: "\e94e";
}
globeicon::before {
  font-family: primeicons;
  content: "\e94f";
}
replayicon::before {
  font-family: primeicons;
  content: "\e94d";
}
filtericon::before {
  font-family: primeicons;
  content: "\e94c";
}
printicon::before {
  font-family: primeicons;
  content: "\e94b";
}
alignrighticon::before {
  font-family: primeicons;
  content: "\e946";
}
alignlefticon::before {
  font-family: primeicons;
  content: "\e947";
}
aligncentericon::before {
  font-family: primeicons;
  content: "\e948";
}
alignjustifyicon::before {
  font-family: primeicons;
  content: "\e949";
}
cogicon::before {
  font-family: primeicons;
  content: "\e94a";
}
clouddownloadicon::before {
  font-family: primeicons;
  content: "\e943";
}
clouduploadicon::before {
  font-family: primeicons;
  content: "\e944";
}
cloudicon::before {
  font-family: primeicons;
  content: "\e945";
}
pencilicon::before {
  font-family: primeicons;
  content: "\e942";
}
usersicon::before {
  font-family: primeicons;
  content: "\e941";
}
clockicon::before {
  font-family: primeicons;
  content: "\e940";
}
userminusicon::before {
  font-family: primeicons;
  content: "\e93e";
}
userplusicon::before {
  font-family: primeicons;
  content: "\e93f";
}
trashicon::before {
  font-family: primeicons;
  content: "\e93d";
}
externallinkicon::before {
  font-family: primeicons;
  content: "\e93c";
}
windowmaximizeicon::before {
  font-family: primeicons;
  content: "\e93b";
}
windowminimizeicon::before {
  font-family: primeicons;
  content: "\e93a";
}
refreshicon::before {
  font-family: primeicons;
  content: "\e938";
}
usericon::before {
  font-family: primeicons;
  content: "\e939";
}
exclamationtriangleicon::before {
  font-family: primeicons;
  content: "\e922";
}
calendaricon::before {
  font-family: primeicons;
  content: "\e927";
}
chevroncirclelefticon::before {
  font-family: primeicons;
  content: "\e928";
}
chevroncircledownicon::before {
  font-family: primeicons;
  content: "\e929";
}
chevroncirclerighticon::before {
  font-family: primeicons;
  content: "\e92a";
}
chevroncircleupicon::before {
  font-family: primeicons;
  content: "\e92b";
}
angledoubledownicon::before {
  font-family: primeicons;
  content: "\e92c";
}
angledoublelefticon::before {
  font-family: primeicons;
  content: "\e92d";
}
angledoublerighticon::before {
  font-family: primeicons;
  content: "\e92e";
}
angledoubleupicon::before {
  font-family: primeicons;
  content: "\e92f";
}
angledownicon::before {
  font-family: primeicons;
  content: "\e930";
}
anglelefticon::before {
  font-family: primeicons;
  content: "\e931";
}
anglerighticon::before {
  font-family: primeicons;
  content: "\e932";
}
angleupicon::before {
  font-family: primeicons;
  content: "\e933";
}
uploadicon::before {
  font-family: primeicons;
  content: "\e934";
}
downloadicon::before {
  font-family: primeicons;
  content: "\e956";
}
banicon::before {
  font-family: primeicons;
  content: "\e935";
}
starfillicon::before {
  font-family: primeicons;
  content: "\e936";
}
staricon::before {
  font-family: primeicons;
  content: "\e937";
}
chevronlefticon::before {
  font-family: primeicons;
  content: "\e900";
}
chevronrighticon::before {
  font-family: primeicons;
  content: "\e901";
}
chevrondownicon::before {
  font-family: primeicons;
  content: "\e902";
}
chevronupicon::before {
  font-family: primeicons;
  content: "\e903";
}
caretlefticon::before {
  font-family: primeicons;
  content: "\e904";
}
caretrighticon::before {
  font-family: primeicons;
  content: "\e905";
}
caretdownicon::before {
  font-family: primeicons;
  content: "\e906";
}
caretupicon::before {
  font-family: primeicons;
  content: "\e907";
}
searchicon::before {
  font-family: primeicons;
  content: "\e908";
}
checkicon::before {
  font-family: primeicons;
  content: "\e909";
}
checkcircleicon::before {
  font-family: primeicons;
  content: "\e90a";
}
timesicon::before {
  font-family: primeicons;
  content: "\e90b";
}
timescircleicon::before {
  font-family: primeicons;
  content: "\e90c";
}
plusicon::before {
  font-family: primeicons;
  content: "\e90d";
}
pluscircleicon::before {
  font-family: primeicons;
  content: "\e90e";
}
minusicon::before {
  font-family: primeicons;
  content: "\e90f";
}
minuscircleicon::before {
  font-family: primeicons;
  content: "\e910";
}
circleonicon::before {
  font-family: primeicons;
  content: "\e911";
}
circleofficon::before {
  font-family: primeicons;
  content: "\e912";
}
sortdownicon::before {
  font-family: primeicons;
  content: "\e913";
}
sortupicon::before {
  font-family: primeicons;
  content: "\e914";
}
sorticon::before {
  font-family: primeicons;
  content: "\e915";
}
stepbackwardicon::before {
  font-family: primeicons;
  content: "\e916";
}
stepforwardicon::before {
  font-family: primeicons;
  content: "\e917";
}
thlargeicon::before {
  font-family: primeicons;
  content: "\e918";
}
arrowdownicon::before {
  font-family: primeicons;
  content: "\e919";
}
arrowlefticon::before {
  font-family: primeicons;
  content: "\e91a";
}
arrowrighticon::before {
  font-family: primeicons;
  content: "\e91b";
}
arrowupicon::before {
  font-family: primeicons;
  content: "\e91c";
}
barsicon::before {
  font-family: primeicons;
  content: "\e91d";
}
arrowcircledownicon::before {
  font-family: primeicons;
  content: "\e91e";
}
arrowcirclelefticon::before {
  font-family: primeicons;
  content: "\e91f";
}
arrowcirclerighticon::before {
  font-family: primeicons;
  content: "\e920";
}
arrowcircleupicon::before {
  font-family: primeicons;
  content: "\e921";
}
infoicon::before {
  font-family: primeicons;
  content: "\e923";
}
infocircleicon::before {
  font-family: primeicons;
  content: "\e924";
}
homeicon::before {
  font-family: primeicons;
  content: "\e925";
}
spinnericon::before {
  font-family: primeicons;
  content: "\e926";
}
.icon {
  font-family: iconfont-vk;
  font-style: normal;
  font-weight: normal;
}
.icon.icon-24-stunden::before {
  content: "9";
}
.icon.icon-abmelden::before {
  content: "U";
}
.icon.icon-agilitaet::before {
  content: "\264";
}
.icon.icon-alter::before {
  content: "+";
}
.icon.icon-altersvorsorge::before {
  content: "\17e";
}
.icon.icon-amt-und-diensthaftpflicht::before {
  content: "\2229";
}
.icon.icon-anlagestreuung::before {
  content: "\d9";
}
.icon.icon-anmelden::before {
  content: "T";
}
.icon.icon-ansprueche-dritter::before {
  content: "\c7";
}
.icon.icon-app-mobile-services::before {
  content: "\262";
}
.icon.icon-aufzaehlung::before {
  content: "@";
}
.icon.icon-auge::before {
  content: "\258";
}
.icon.icon-auslandsreise-krankenversicherung::before {
  content: "\e93a";
}
.icon.icon-auto::before {
  content: "\222b";
}
.icon.icon-auto-glasschaden::before {
  content: "\416";
}
.icon.icon-auto-haftpflichtschaden::before {
  content: "\3bd";
}
.icon.icon-auto-teilkaskoschaden::before {
  content: "\439";
}
.icon.icon-auto-unfall::before {
  content: "\2524";
}
.icon.icon-auto-unfall-meldung::before {
  content: "\255e";
}
.icon.icon-auto-unwetterschaden::before {
  content: "\451";
}
.icon.icon-auto-vollkaskoschaden::before {
  content: "\1fe";
}
.icon.icon-bankverbindung::before {
  content: "\e912";
}
.icon.icon-baufahrzeug::before {
  content: "\25bc";
}
.icon.icon-baum::before {
  content: "\e928";
}
.icon.icon-bedarfsrechner::before {
  content: "\b4";
}
.icon.icon-beitragsanpassung::before {
  content: "\265";
}
.icon.icon-beratung-headset::before {
  content: "&";
}
.icon.icon-beratung-laptop::before {
  content: "\a4";
}
.icon.icon-berg::before {
  content: "\2566";
}
.icon.icon-beruf::before {
  content: "\e7";
}
.icon.icon-berufsunfaehigkeit::before {
  content: "\f5";
}
.icon.icon-besteck::before {
  content: "\207f";
}
.icon.icon-betrieb::before {
  content: "\267";
}
.icon.icon-betrieb-krankenversicherung::before {
  content: "\266";
}
.icon.icon-blitzschlag::before {
  content: "\2248";
}
.icon.icon-bonus::before {
  content: "1";
}
.icon.icon-brief::before {
  content: "F";
}
.icon.icon-brille::before {
  content: "\d2";
}
.icon.icon-buch::before {
  content: "\255b";
}
.icon.icon-computer::before {
  content: "\276";
}
.icon.icon-couch::before {
  content: "\2534";
}
.icon.icon-datenbank::before {
  content: "\269";
}
.icon.icon-daumen-hoch::before {
  content: "s";
}
.icon.icon-daumen-runter::before {
  content: "a";
}
.icon.icon-daumen-seitlich::before {
  content: "\e916";
}
.icon.icon-demenz::before {
  content: "\e917";
}
.icon.icon-demographie::before {
  content: "\270";
}
.icon.icon-diabetes-management::before {
  content: "\261";
}
.icon.icon-diagramm::before {
  content: "\203a";
}
.icon.icon-diagramm-kreis::before {
  content: "\b1";
}
.icon.icon-diebstahl::before {
  content: "\c8";
}
.icon.icon-digitale-sprechstunde::before {
  content: "\257";
}
.icon.icon-digitaler-kontakt::before {
  content: "\e915";
}
.icon.icon-digitalisierung::before {
  content: "\271";
}
.icon.icon-diskette::before {
  content: "\e918";
}
.icon.icon-dokument::before {
  content: "g";
}
.icon.icon-dokument-basisleistungen::before {
  content: "h";
}
.icon.icon-dokument-pdf::before {
  content: "R";
}
.icon.icon-dokument-stift::before {
  content: "\279";
}
.icon.icon-download::before {
  content: "B";
}
.icon.icon-drucker::before {
  content: "D";
}
.icon.icon-e-scooter::before {
  content: "\e942";
}
.icon.icon-einschulung-schulranzen::before {
  content: "\255c";
}
.icon.icon-einschulung-tafel::before {
  content: "\255d";
}
.icon.icon-einstellungen::before {
  content: "0";
}
.icon.icon-email-senden::before {
  content: "7";
}
.icon.icon-email-zeichen::before {
  content: "`";
}
.icon.icon-ergaenzungsleistung::before {
  content: "\2022";
}
.icon.icon-ernte::before {
  content: "\25cb";
}
.icon.icon-erste-seite::before {
  content: "W";
}
.icon.icon-euro-kreis::before {
  content: ",";
}
.icon.icon-euro-schein::before {
  content: "\f9";
}
.icon.icon-euro-schein-10::before {
  content: "\dd";
}
.icon.icon-euro-schein-100::before {
  content: "\db";
}
.icon.icon-euro-schein-20::before {
  content: "\fc";
}
.icon.icon-euro-schein-200::before {
  content: "\fa";
}
.icon.icon-euro-schein-5::before {
  content: "\fd";
}
.icon.icon-euro-schein-50::before {
  content: "\fb";
}
.icon.icon-euro-schein-500::before {
  content: "\da";
}
.icon.icon-euro-schein-leer::before {
  content: "\178";
}
.icon.icon-fahrrad::before {
  content: "\2556";
}
.icon.icon-fahrrad-beschaedigung::before {
  content: "\2555";
}
.icon.icon-familie-drei::before {
  content: "\a2";
}
.icon.icon-familie-vier::before {
  content: "\b6";
}
.icon.icon-faq::before {
  content: "\bf";
}
.icon.icon-fenster-glasbruch::before {
  content: "\c6";
}
.icon.icon-feuer::before {
  content: "\21a8";
}
.icon.icon-flagge::before {
  content: "\e919";
}
.icon.icon-flugzeug::before {
  content: "\2562";
}
.icon.icon-fragezeichen::before {
  content: "{";
}
.icon.icon-fragezeichen-kreis::before {
  content: "x";
}
.icon.icon-frau-mann::before {
  content: "\e929";
}
.icon.icon-frost::before {
  content: "\203c";
}
.icon.icon-fussball::before {
  content: "\2569";
}
.icon.icon-gamification::before {
  content: "\273";
}
.icon.icon-garten::before {
  content: "\25d8";
}
.icon.icon-gefahrstoffe::before {
  content: "\c9";
}
.icon.icon-gehirn::before {
  content: "\e91e";
}
.icon.icon-geldsack::before {
  content: "\a8";
}
.icon.icon-geldsack-10000::before {
  content: "\160";
}
.icon.icon-geldsack-100000::before {
  content: "\d8";
}
.icon.icon-geldsack-25000::before {
  content: "\153";
}
.icon.icon-geldsack-50000::before {
  content: "\152";
}
.icon.icon-geldsack-euro::before {
  content: "\f6";
}
.icon.icon-gemeinsame-kultur::before {
  content: "\e921";
}
.icon.icon-geschlecht::before {
  content: "\e91f";
}
.icon.icon-geschlecht-maennlich::before {
  content: "\e2";
}
.icon.icon-geschlecht-weiblich::before {
  content: "\c3";
}
.icon.icon-gesellschafter::before {
  content: "\2553";
}
.icon.icon-gesicht-frau::before {
  content: "\2202";
}
.icon.icon-gesicht-mann::before {
  content: "\aa";
}
.icon.icon-gesundheitsakte::before {
  content: "\e9";
}
.icon.icon-gesundheitspartner::before {
  content: "\2552";
}
.icon.icon-gesundheitsvorsorge::before {
  content: "\a5";
}
.icon.icon-geweih::before {
  content: "\3b5";
}
.icon.icon-gewerbe-elektronik::before {
  content: "\3a9";
}
.icon.icon-gewerbe-ertragsschutz::before {
  content: "\17d";
}
.icon.icon-gewerbe-gewaesserschaeden::before {
  content: "\266a";
}
.icon.icon-gewerbe-haftpflicht::before {
  content: "\f7";
}
.icon.icon-gewerbe-haftpflicht-frachtfuehrer::before {
  content: "\2561";
}
.icon.icon-gewerbe-haftpflicht-grundbesitz::before {
  content: "\2259";
}
.icon.icon-gewerbe-haftpflicht-spezial::before {
  content: "\d7";
}
.icon.icon-gewerbe-inhaber::before {
  content: "\2db";
}
.icon.icon-gewerbe-inhalt-karton::before {
  content: "\255f";
}
.icon.icon-gewerbe-inhalt-schreibtisch::before {
  content: "\251c";
}
.icon.icon-gewerbe-lkw::before {
  content: "\e92a";
}
.icon.icon-gewerbe-police::before {
  content: "\e92b";
}
.icon.icon-gewerbe-umwelt-verschmutzung::before {
  content: "\2640";
}
.icon.icon-gewerbe-warentransport::before {
  content: "\2302";
}
.icon.icon-gewerbe-werkverkehr::before {
  content: "\2502";
}
.icon.icon-giesskanne::before {
  content: "\255a";
}
.icon.icon-gipsarm::before {
  content: "\2264";
}
.icon.icon-gipsbein::before {
  content: "\e924";
}
.icon.icon-glas-haftpflicht::before {
  content: "\221a";
}
.icon.icon-gluehbirne::before {
  content: "\a6";
}
.icon.icon-golf::before {
  content: "\2560";
}
.icon.icon-haftung-recht::before {
  content: "%";
}
.icon.icon-haken::before {
  content: "p";
}
.icon.icon-haken-kreis::before {
  content: "\e8";
}
.icon.icon-handschlag::before {
  content: "\c5";
}
.icon.icon-haus::before {
  content: "2";
}
.icon.icon-haus-bau::before {
  content: "\fe";
}
.icon.icon-haus-elementar::before {
  content: "'";
}
.icon.icon-haus-euro::before {
  content: ")";
}
.icon.icon-haus-flugzeug::before {
  content: "\e923";
}
.icon.icon-haus-grundstueck::before {
  content: "\c4";
}
.icon.icon-haus-homeoffice::before {
  content: "\275";
}
.icon.icon-haus-kauf::before {
  content: "\de";
}
.icon.icon-haus-leer::before {
  content: ">";
}
.icon.icon-haus-photovoltaik::before {
  content: "}";
}
.icon.icon-haus-planung::before {
  content: "\2da";
}
.icon.icon-haus-renovierung::before {
  content: "\2c6";
}
.icon.icon-haus-sanierung::before {
  content: "\2dc";
}
.icon.icon-haus-schaden::before {
  content: "\2dd";
}
.icon.icon-haus-ueberspannung::before {
  content: "\201c";
}
.icon.icon-haus-unwetter::before {
  content: "\d6";
}
.icon.icon-haus-verkauf::before {
  content: "\2c7";
}
.icon.icon-haus-versicherung::before {
  content: "\2320";
}
.icon.icon-hausrat::before {
  content: "\f4";
}
.icon.icon-hausrat-glas::before {
  content: "\a9";
}
.icon.icon-heilbehandlungen::before {
  content: "\e93b";
}
.icon.icon-heilpraktiker::before {
  content: "\d1";
}
.icon.icon-herz-fitness::before {
  content: "\272";
}
.icon.icon-herz-kardiogramm::before {
  content: "\ef";
}
.icon.icon-hierarchie::before {
  content: "\274";
}
.icon.icon-hinterbliebene::before {
  content: "\e3";
}
.icon.icon-hochzeit::before {
  content: "\2554";
}
.icon.icon-hoergeraet::before {
  content: "\f2";
}
.icon.icon-hund::before {
  content: "\c2";
}
.icon.icon-info::before {
  content: "\2260";
}
.icon.icon-info-kreis::before {
  content: "A";
}
.icon.icon-inhaltsverzeichnis::before {
  content: "\2558";
}
.icon.icon-internet::before {
  content: "N";
}
.icon.icon-kalender-monat::before {
  content: "d";
}
.icon.icon-kalender-tag::before {
  content: "\e900";
}
.icon.icon-kalender-termine::before {
  content: "\2559";
}
.icon.icon-kalender-uhr::before {
  content: "~";
}
.icon.icon-kamera::before {
  content: "\252c";
}
.icon.icon-karriere::before {
  content: "\2557";
}
.icon.icon-karte-standort::before {
  content: "I";
}
.icon.icon-kinderwagen::before {
  content: "\2551";
}
.icon.icon-klammer-hoch::before {
  content: "L";
}
.icon.icon-klammer-hoch-runter::before {
  content: "$";
}
.icon.icon-klammer-links::before {
  content: "J";
}
.icon.icon-klammer-rechts::before {
  content: "q";
}
.icon.icon-klammer-runter::before {
  content: "K";
}
.icon.icon-klammern-vor::before {
  content: "C";
}
.icon.icon-klammern-zurueck::before {
  content: "z";
}
.icon.icon-koffer::before {
  content: "\2190";
}
.icon.icon-kommunal-police::before {
  content: "\e92c";
}
.icon.icon-kommunal-sachversicherung::before {
  content: "\e92d";
}
.icon.icon-kommune::before {
  content: "\e92e";
}
.icon.icon-kompass-windrose::before {
  content: "\431";
}
.icon.icon-krankenbett::before {
  content: "\ea";
}
.icon.icon-krankenhaus::before {
  content: "\250c";
}
.icon.icon-krankentagegeld-euro::before {
  content: "\2039";
}
.icon.icon-krankentagegeld-verletzung::before {
  content: "\cb";
}
.icon.icon-krankenwagen::before {
  content: "\20a7";
}
.icon.icon-krankenzusatz::before {
  content: "\d4";
}
.icon.icon-kreditkarte::before {
  content: "\278";
}
.icon.icon-kreis::before {
  content: "E";
}
.icon.icon-kreis-gefuellt::before {
  content: "[";
}
.icon.icon-kreis-punkt::before {
  content: "^";
}
.icon.icon-krone::before {
  content: "\2219";
}
.icon.icon-kuenstliche-intelligenz::before {
  content: "\277";
}
.icon.icon-kundenmappe::before {
  content: "\256";
}
.icon.icon-landwirtschaft-anlage-biogas::before {
  content: "\2642";
}
.icon.icon-landwirtschaft-anlage-elektronik::before {
  content: "\ac";
}
.icon.icon-landwirtschaft-ernte-obst-gemuese::before {
  content: "\25d9";
}
.icon.icon-landwirtschaft-garantiehaftung::before {
  content: "\192";
}
.icon.icon-landwirtschaft-geschaeft::before {
  content: "\b8";
}
.icon.icon-landwirtschaft-haftpflicht::before {
  content: "\af";
}
.icon.icon-landwirtschaft-hahn::before {
  content: "\2663";
}
.icon.icon-landwirtschaft-hof::before {
  content: "\2d9";
}
.icon.icon-landwirtschaft-mindestabsicherung::before {
  content: "\2d8";
}
.icon.icon-landwirtschaft-rind::before {
  content: "\2666";
}
.icon.icon-landwirtschaft-traktor::before {
  content: "\25b2";
}
.icon.icon-landwirtschaft-trockenheit::before {
  content: "\2660";
}
.icon.icon-lautsprecher-leise::before {
  content: "v";
}
.icon.icon-lautsprecher-stumm::before {
  content: "\e901";
}
.icon.icon-letzte-seite::before {
  content: "X";
}
.icon.icon-liniendiagramm-01::before {
  content: "*";
}
.icon.icon-liniendiagramm-02::before {
  content: "\bb";
}
.icon.icon-liniendiagramm-03::before {
  content: "\201e";
}
.icon.icon-liniendiagramm-04::before {
  content: "\e90d";
}
.icon.icon-liniendiagramm-05::before {
  content: "\e90e";
}
.icon.icon-liniendiagramm-06::before {
  content: "\e90f";
}
.icon.icon-liniendiagramm-07::before {
  content: "\e910";
}
.icon.icon-liniendiagramm-08::before {
  content: "\e911";
}
.icon.icon-liste::before {
  content: "4";
}
.icon.icon-lupe::before {
  content: "e";
}
.icon.icon-manager-alltag::before {
  content: "\a3";
}
.icon.icon-manager-reha::before {
  content: "!";
}
.icon.icon-marketing::before {
  content: "\281";
}
.icon.icon-maschinelles-lernen::before {
  content: "\280";
}
.icon.icon-medaille::before {
  content: "\2321";
}
.icon.icon-medikamente::before {
  content: "\f1";
}
.icon.icon-medizinkoffer::before {
  content: "\256a";
}
.icon.icon-meine-gesundheit::before {
  content: "\260";
}
.icon.icon-menu::before {
  content: "\e902";
}
.icon.icon-miete::before {
  content: "\f0";
}
.icon.icon-minus::before {
  content: "c";
}
.icon.icon-monitor::before {
  content: "\253c";
}
.icon.icon-moped::before {
  content: "\e943";
}
.icon.icon-multikanalvertrieb::before {
  content: "\282";
}
.icon.icon-mutter::before {
  content: "\2206";
}
.icon.icon-mutter-sohn::before {
  content: "\2030";
}
.icon.icon-mutter-tochter::before {
  content: "\c0";
}
.icon.icon-nichtraucher::before {
  content: "\e925";
}
.icon.icon-notiz::before {
  content: "\e903";
}
.icon.icon-notrufzentrale::before {
  content: "\a7";
}
.icon.icon-onlineberatung::before {
  content: "\283";
}
.icon.icon-papierkorb::before {
  content: "Q";
}
.icon.icon-persoenliche-daten::before {
  content: "\e904";
}
.icon.icon-person::before {
  content: "\ab";
}
.icon.icon-person-haftung::before {
  content: "\2565";
}
.icon.icon-pfeil-hoch::before {
  content: "\e905";
}
.icon.icon-pfeil-links::before {
  content: "\e906";
}
.icon.icon-pfeil-rechts::before {
  content: "\e908";
}
.icon.icon-pfeil-rechts-lang::before {
  content: "?";
}
.icon.icon-pfeil-runter::before {
  content: "\e909";
}
.icon.icon-pfeile::before {
  content: "\2564";
}
.icon.icon-pflege-rollstuhl::before {
  content: "\ba";
}
.icon.icon-pflegeversicherung::before {
  content: "\e93c";
}
.icon.icon-pinnadel::before {
  content: "-";
}
.icon.icon-play-pause::before {
  content: "y";
}
.icon.icon-plus::before {
  content: "w";
}
.icon.icon-pokal::before {
  content: "\3c6";
}
.icon.icon-presse::before {
  content: "\2510";
}
.icon.icon-prozent::before {
  content: "\d0";
}
.icon.icon-quadrat::before {
  content: "M";
}
.icon.icon-quadrat-gefuellt::before {
  content: "\e922";
}
.icon.icon-quadrat-kreuz::before {
  content: "\2518";
}
.icon.icon-qualifizierungsangebote::before {
  content: "\e93d";
}
.icon.icon-rechnung::before {
  content: "\161";
}
.icon.icon-recht-schutzschild::before {
  content: "\25ca";
}
.icon.icon-recht-waage::before {
  content: "/";
}
.icon.icon-rechtsschutz-arbeitgeber::before {
  content: "\b9";
}
.icon.icon-rechtsschutz-beruf::before {
  content: "\b2";
}
.icon.icon-rechtsschutz-gewerbe::before {
  content: "\b3";
}
.icon.icon-rechtsschutz-haus::before {
  content: "\bc";
}
.icon.icon-rechtsschutz-privat::before {
  content: "\bd";
}
.icon.icon-rechtsschutz-spezial-straf::before {
  content: "\be";
}
.icon.icon-rechtsschutz-verkehr::before {
  content: "\2665";
}
.icon.icon-reha-service::before {
  content: "\259";
}
.icon.icon-reise-beratung::before {
  content: "\263";
}
.icon.icon-reisekrankenversicherung::before {
  content: "\e93e";
}
.icon.icon-reiseversicherung::before {
  content: "\d5";
}
.icon.icon-reiseversicherung-2::before {
  content: "\e93f";
}
.icon.icon-reload::before {
  content: "G";
}
.icon.icon-reset::before {
  content: "\e907";
}
.icon.icon-rezept::before {
  content: "\ca";
}
.icon.icon-roboter::before {
  content: "\284";
}
.icon.icon-rohrbruch::before {
  content: "\220f";
}
.icon.icon-rollstuhl::before {
  content: "\d3";
}
.icon.icon-rss::before {
  content: "V";
}
.icon.icon-ruhestand::before {
  content: "\2192";
}
.icon.icon-sachwerte-schutz::before {
  content: "\dc";
}
.icon.icon-sammelmappe::before {
  content: "\2013";
}
.icon.icon-sanduhr::before {
  content: "\e91c";
}
.icon.icon-sanduhr-voll::before {
  content: "\e91d";
}
.icon.icon-sanduhr-warten::before {
  content: "S";
}
.icon.icon-schach::before {
  content: "\286";
}
.icon.icon-schiff::before {
  content: "\221f";
}
.icon.icon-schiff-haftpflicht::before {
  content: "\2261";
}
.icon.icon-schliessen::before {
  content: "\e90a";
}
.icon.icon-schliessen-kreis::before {
  content: "|";
}
.icon.icon-schloss::before {
  content: "n";
}
.icon.icon-schloss-offen::before {
  content: "o";
}
.icon.icon-schutzschirm::before {
  content: "\e940";
}
.icon.icon-seite-vor::before {
  content: "Y";
}
.icon.icon-seite-zurueck::before {
  content: "Z";
}
.icon.icon-selbstbehalt::before {
  content: "(";
}
.icon.icon-serviceleistungen::before {
  content: "\2018";
}
.icon.icon-smartphone-mobiltelefon::before {
  content: "\e90b";
}
.icon.icon-smiley-01::before {
  content: "\2211";
}
.icon.icon-smiley-02::before {
  content: "\20ac";
}
.icon.icon-smiley-03::before {
  content: "\ae";
}
.icon.icon-smiley-04::before {
  content: "\2044";
}
.icon.icon-smiley-psyche::before {
  content: "\e91a";
}
.icon.icon-social-media::before {
  content: "\285";
}
.icon.icon-sonne::before {
  content: "\266b";
}
.icon.icon-sonne-meer::before {
  content: "\2193";
}
.icon.icon-sparen-diagramm::before {
  content: "\ff";
}
.icon.icon-sparen-sparschwein::before {
  content: ".";
}
.icon.icon-sprechblase::before {
  content: "5";
}
.icon.icon-stammbaum::before {
  content: "\e920";
}
.icon.icon-stern::before {
  content: "]";
}
.icon.icon-stern-gefuellt::before {
  content: "#";
}
.icon.icon-stethoskop::before {
  content: "\201a";
}
.icon.icon-stift::before {
  content: "u";
}
.icon.icon-stift-spitze::before {
  content: "\2567";
}
.icon.icon-stoppuhr::before {
  content: "\e926";
}
.icon.icon-strich::before {
  content: "H";
}
.icon.icon-swipe::before {
  content: "r";
}
.icon.icon-t-shirt::before {
  content: "\2514";
}
.icon.icon-tablet::before {
  content: "\287";
}
.icon.icon-taschenrechner::before {
  content: "j";
}
.icon.icon-team::before {
  content: "\288";
}
.icon.icon-telefon::before {
  content: "m";
}
.icon.icon-telefonbuch::before {
  content: "k";
}
.icon.icon-text-linksbuendig::before {
  content: "_";
}
.icon.icon-textmarker::before {
  content: "\b5";
}
.icon.icon-tierhalter::before {
  content: "\e1";
}
.icon.icon-tischtennis::before {
  content: "\b0";
}
.icon.icon-uebersicht::before {
  content: "3";
}
.icon.icon-uhr::before {
  content: "O";
}
.icon.icon-unfall-mit-bre::before {
  content: "\e92f";
}
.icon.icon-unfallschutz::before {
  content: "\f8";
}
.icon.icon-unternehmen::before {
  content: "\2265";
}
.icon.icon-unternehmensethik::before {
  content: "\3b4";
}
.icon.icon-unterschrift::before {
  content: "\256c";
}
.icon.icon-upload::before {
  content: "\e90c";
}
.icon.icon-vater::before {
  content: "\e6";
}
.icon.icon-vater-sohn::before {
  content: "\e0";
}
.icon.icon-vater-tochter::before {
  content: "\c1";
}
.icon.icon-versicherungscheck::before {
  content: "\e927";
}
.icon.icon-vertretung::before {
  content: "\e941";
}
.icon.icon-vertrieb::before {
  content: "\289";
}
.icon.icon-video::before {
  content: "\e913";
}
.icon.icon-virus::before {
  content: "\268";
}
.icon.icon-visitenkarte::before {
  content: "P";
}
.icon.icon-vorsorge-pro::before {
  content: "\b7";
}
.icon.icon-wandern::before {
  content: "\2550";
}
.icon.icon-warnung::before {
  content: "b";
}
.icon.icon-wasserhahn::before {
  content: "\3c0";
}
.icon.icon-weblink::before {
  content: "\e914";
}
.icon.icon-weissraum::before {
  content: " ";
}
.icon.icon-weltkugel::before {
  content: "6";
}
.icon.icon-werkzeug::before {
  content: "\221e";
}
.icon.icon-wetter-gewitter::before {
  content: "\25c4";
}
.icon.icon-wetter-hagel::before {
  content: "\263c";
}
.icon.icon-wetter-orkan::before {
  content: "\25ac";
}
.icon.icon-wetter-schnee::before {
  content: "\2195";
}
.icon.icon-wetter-starkregen::before {
  content: "\25ba";
}
.icon.icon-windrad::before {
  content: "\2191";
}
.icon.icon-zahl-0::before {
  content: "\e930";
}
.icon.icon-zahl-1::before {
  content: "\e931";
}
.icon.icon-zahl-2::before {
  content: "\e932";
}
.icon.icon-zahl-3::before {
  content: "\e933";
}
.icon.icon-zahl-4::before {
  content: "\e934";
}
.icon.icon-zahl-5::before {
  content: "\e935";
}
.icon.icon-zahl-6::before {
  content: "\e936";
}
.icon.icon-zahl-7::before {
  content: "\e937";
}
.icon.icon-zahl-8::before {
  content: "\e938";
}
.icon.icon-zahl-9::before {
  content: "\e939";
}
.icon.icon-zahn::before {
  content: "\eb";
}
.icon.icon-zahn-bruecke::before {
  content: "\cf";
}
.icon.icon-zahn-einzelimplantat::before {
  content: "\ee";
}
.icon.icon-zahn-keramikinlay::before {
  content: "\ec";
}
.icon.icon-zahn-kompositfuellung::before {
  content: "\cd";
}
.icon.icon-zahn-vollkeramikkrone::before {
  content: "\ed";
}
.icon.icon-zahn-wurzelbehandlung::before {
  content: "\ce";
}
.icon.icon-zahn-zahnreinigung::before {
  content: "\cc";
}
.icon.icon-zecke::before {
  content: "\f3";
}
.icon.icon-zielgruppe::before {
  content: "\291";
}
.icon.icon-zielscheibe::before {
  content: "\290";
}
.icon.icon-zigarette::before {
  content: "\e91b";
}
.icon.icon-zweirad::before {
  content: "\2563";
}
[class*=theme-] {
  --icon-size-x-small: var(--oev-comp-icon-size-x-small);
  --icon-size-12: var(--oev-comp-icon-size-x-small);
  --icon-size-small: var(--oev-comp-icon-size-small);
  --icon-size-16: var(--oev-comp-icon-size-small);
  --icon-size-medium: var(--oev-comp-icon-size-medium);
  --icon-size-default: var(--oev-comp-icon-size-medium);
  --icon-size-24: var(--oev-comp-icon-size-medium);
  --icon-size-large: var(--oev-comp-icon-size-large);
  --icon-size-32: var(--oev-comp-icon-size-large);
  --icon-size-x-large: var(--oev-comp-icon-size-x-large);
  --icon-size-48: var(--oev-comp-icon-size-x-large);
  --icon-size-20: var(--oev-comp-icon-size-20);
  --icon-size-40: var(--oev-comp-icon-size-40);
}
.icon-size-x-small,
.icon-size-12 {
  font-size: var(--oev-comp-icon-size-x-small);
}
.icon-size-small,
.icon-size-16 {
  font-size: var(--oev-comp-icon-size-small);
}
.icon-size-medium,
.icon-size-default,
.icon-size-24 {
  font-size: var(--oev-comp-icon-size-medium);
}
.icon-size-large,
.icon-size-32 {
  font-size: var(--oev-comp-icon-size-large);
}
.icon-size-x-large,
.icon-size-48 {
  font-size: var(--oev-comp-icon-size-x-large);
}
.icon-size-20 {
  font-size: var(--oev-comp-icon-size-20);
}
.icon-size-40 {
  font-size: var(--oev-comp-icon-size-40);
}
.icon-color-primary {
  color: var(--oev-color-primary-default);
}
.icon-color-secondary {
  color: var(--oev-color-secondary-default);
}
.theme-aok {
  --primeng-color-success-default: #0c6929;
  --primeng-color-success-hover: #14953a;
  --primeng-color-success-active: #107f31;
  --primeng-color-success-disabled: #c3ebcb;
  --primeng-color-success-focus: #18ab42;
  --primeng-color-success-light: #e8f7ec;
  --primeng-color-info-default: #979264;
  --primeng-color-info-hover: #b6b28c;
  --primeng-color-info-active: #a7a278;
  --primeng-color-info-disabled: #fbf9eb;
  --primeng-color-info-focus: #c5c1a0;
  --primeng-color-info-light: #fdfcf5;
  --primeng-color-warning-default: #FFF133;
  --primeng-color-warning-hover: #e6d900;
  --primeng-color-warning-active: #bfaf00;
  --primeng-color-warning-disabled: #fffcd1;
  --primeng-color-warning-focus: #fff133;
  --primeng-color-warning-light: #fffeec;
  --primeng-color-help-default: #666f7a;
  --primeng-color-help-hover: #909ca5;
  --primeng-color-help-active: #7b8791;
  --primeng-color-help-disabled: #eff2f4;
  --primeng-color-help-focus: #a4b0b8;
  --primeng-color-help-light: #f9fafa;
  --primeng-color-danger-default: #7f0027;
  --primeng-color-danger-hover: #c7003c;
  --primeng-color-danger-active: #a30032;
  --primeng-color-danger-disabled: #ffc8d6;
  --primeng-color-danger-focus: #eb0047;
  --primeng-color-danger-light: #ffe9ef;
}
.theme-bavaria-direkt {
  --primeng-color-success-default: #95d469;
  --primeng-color-success-hover: #62a136;
  --primeng-color-success-active: #bce4a1;
  --primeng-color-success-disabled: #e4f4d9;
  --primeng-color-success-focus: #95d469;
  --primeng-color-success-light: #F2FAEC;
  --primeng-color-info-default: #3d79b8;
  --primeng-color-info-hover: #0d57a6;
  --primeng-color-info-active: #3d79b8;
  --primeng-color-info-disabled: #b6cde4;
  --primeng-color-info-focus: #3d79b8;
  --primeng-color-info-light: #F3F7FB;
  --primeng-color-warning-default: #ffb73c;
  --primeng-color-warning-hover: #e5a536;
  --primeng-color-warning-active: #fbcd80;
  --primeng-color-warning-disabled: #fdebcc;
  --primeng-color-warning-focus: #ffb73c;
  --primeng-color-warning-light: #FDF2F2;
  --primeng-color-help-default: #d2d2d2;
  --primeng-color-help-hover: #b4b4b4;
  --primeng-color-help-active: #d2d2d2;
  --primeng-color-help-disabled: #ebebeb;
  --primeng-color-help-focus: #d2d2d2;
  --primeng-color-help-light: #FFE5E5;
  --primeng-color-danger-default: #df3333;
  --primeng-color-danger-hover: #bd0101;
  --primeng-color-danger-active: #ef9999;
  --primeng-color-danger-disabled: #f7cccc;
  --primeng-color-danger-focus: #df3333;
  --primeng-color-danger-light: #FFF0F0;
}
.theme-bgv {
  --primeng-color-danger-50: #FDEAEA;
  --primeng-color-danger-100: #F9D5D5;
  --primeng-color-danger-200: #F4B9B9;
  --primeng-color-danger-300: #ED8D8D;
  --primeng-color-danger-400: #E76363;
  --primeng-color-danger-500: #E22C2C;
  --primeng-color-danger-600: #C92020;
  --primeng-color-danger-700: #B01717;
  --primeng-color-danger-800: #921111;
  --primeng-color-danger-900: #750B0B;
  --primeng-color-danger-1000: #530707;
  --primeng-color-success-50: #DCF2ED;
  --primeng-color-success-100: #c3e9df;
  --primeng-color-success-200: #a8dfd3;
  --primeng-color-success-300: #89d2c2;
  --primeng-color-success-400: #68c4b0;
  --primeng-color-success-500: #47b89d;
  --primeng-color-success-600: #2da58b;
  --primeng-color-success-700: #179677;
  --primeng-color-success-800: #008565;
  --primeng-color-success-900: #006852;
  --primeng-color-success-1000: #004d3f;
  --primeng-color-warning-50: #FDEEDC;
  --primeng-color-warning-100: #FAE1C4;
  --primeng-color-warning-200: #F6D2A6;
  --primeng-color-warning-300: #F2BA76;
  --primeng-color-warning-400: #F0A74D;
  --primeng-color-warning-500: #F59114;
  --primeng-color-warning-600: #DB7F0F;
  --primeng-color-warning-700: #C36F0C;
  --primeng-color-warning-800: #A55F0A;
  --primeng-color-warning-900: #854D07;
  --primeng-color-success-default: var(--primeng-color-success-800);
  --primeng-color-success-hover: var(--primeng-color-success-900);
  --primeng-color-success-active: var(--primeng-color-success-800);
  --primeng-color-success-focus: var(--primeng-color-success-800);
  --primeng-color-success-disabled: var(--primeng-color-success-100);
  --primeng-color-success-visited: var(--primeng-color-success-300);
  --primeng-color-success-light: var(--primeng-color-success-50);
  --primeng-color-info-default: #d7e5f8;
  --primeng-color-info-hover: #aec2df;
  --primeng-color-info-active: #e3edfa;
  --primeng-color-info-disabled: #eff5fc;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #f7fafe;
  --primeng-color-warning-default: var(--primeng-color-warning-500);
  --primeng-color-warning-hover: var(--primeng-color-warning-700);
  --primeng-color-warning-active: var(--primeng-color-warning-600);
  --primeng-color-warning-focus: var(--primeng-color-warning-600);
  --primeng-color-warning-disabled: var(--primeng-color-warning-100);
  --primeng-color-warning-visited: var(--primeng-color-warning-300);
  --primeng-color-warning-light: var(--primeng-color-warning-50);
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: var(--primeng-color-danger-500);
  --primeng-color-danger-hover: var(--primeng-color-danger-700);
  --primeng-color-danger-active: var(--primeng-color-danger-500);
  --primeng-color-danger-focus: var(--primeng-color-danger-500);
  --primeng-color-danger-disabled: var(--primeng-color-danger-100);
  --primeng-color-danger-visited: var(--primeng-color-danger-200);
  --primeng-color-danger-light: var(--primeng-color-danger-50);
}
.theme-fbb25,
.theme-fbb {
  --primeng-color-help-default: #d7e5f8;
  --primeng-color-help-hover: #aec2df;
  --primeng-color-help-active: #e3edfa;
  --primeng-color-help-disabled: #eff5fc;
  --primeng-color-help-focus: #e7effb;
  --primeng-color-help-light: #f7fafe;
  --primeng-color-danger-default: #9d253c;
  --primeng-color-danger-hover: #7e1e30;
  --primeng-color-danger-active: #ba6677;
  --primeng-color-danger-disabled: #ebd3d8;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #f5e9eb;
  --primeng-color-success-50: #E5F6F0;
  --primeng-color-success-100: #C9EEE1;
  --primeng-color-success-200: #9CDEC7;
  --primeng-color-success-300: #70CEAD;
  --primeng-color-success-400: #43BD92;
  --primeng-color-success-500: #14885E;
  --primeng-color-success-600: #116E4C;
  --primeng-color-success-700: #0D553A;
  --primeng-color-success-800: #093C28;
  --primeng-color-success-900: #062316;
  --primeng-color-success-default: var(--primeng-color-success-500);
  --primeng-color-success-hover: var(--primeng-color-success-600);
  --primeng-color-success-focus: var(--primeng-color-success-700);
  --primeng-color-success-active: var(--primeng-color-success-800);
  --primeng-color-success-disabled: var(--primeng-color-success-200);
  --primeng-color-success-visited: var(--primeng-color-success-300);
  --primeng-color-success-light: var(--primeng-color-success-50);
  --primeng-color-warning-50: #fef3ec;
  --primeng-color-warning-100: #fde3d3;
  --primeng-color-warning-200: #fbc1a5;
  --primeng-color-warning-300: #f89f76;
  --primeng-color-warning-400: #f57d47;
  --primeng-color-warning-500: #ec672f;
  --primeng-color-warning-600: #be5226;
  --primeng-color-warning-700: #943f1d;
  --primeng-color-warning-800: #6a2d15;
  --primeng-color-warning-900: #421d0d;
  --primeng-color-warning-default: var(--primeng-color-warning-500);
  --primeng-color-warning-hover: var(--primeng-color-warning-600);
  --primeng-color-warning-focus: var(--primeng-color-warning-700);
  --primeng-color-warning-active: var(--primeng-color-warning-800);
  --primeng-color-warning-disabled: var(--primeng-color-warning-200);
  --primeng-color-warning-visited: var(--primeng-color-warning-300);
  --primeng-color-warning-light: var(--primeng-color-warning-50);
  --primeng-error-color-50: #FAEAED;
  --primeng-error-color-100: #F1C6CE;
  --primeng-error-color-200: #E9A1AF;
  --primeng-error-color-300: #E07C8F;
  --primeng-error-color-400: #D85870;
  --primeng-error-color-500: #9D253C;
  --primeng-error-color-600: #801F31;
  --primeng-error-color-700: #641925;
  --primeng-error-color-800: #471319;
  --primeng-error-color-900: #2B0C0E;
  --primeng-error-color-default: var(--primeng-error-color-500);
  --primeng-error-color-hover: var(--primeng-error-color-600);
  --primeng-error-color-focus: var(--primeng-error-color-700);
  --primeng-error-color-active: var(--primeng-error-color-800);
  --primeng-error-color-disabled: var(--primeng-error-color-200);
  --primeng-error-color-visited: var(--primeng-error-color-300);
  --primeng-error-color-light: var(--primeng-error-color-50);
  --primeng-color-info-50: #EEF6F6;
  --primeng-color-info-100: #D0E5E7;
  --primeng-color-info-200: #C5DFE1;
  --primeng-color-info-300: #B2D5D7;
  --primeng-color-info-400: #95C4C8;
  --primeng-color-info-500: #77B4B8;
  --primeng-color-info-600: #4A9EA7;
  --primeng-color-info-700: #3A7E86;
  --primeng-color-info-800: #2A5F65;
  --primeng-color-info-900: #1A3F43;
  --primeng-color-info-default: var(--primeng-color-info-200);
  --primeng-color-info-hover: var(--primeng-color-info-500);
  --primeng-color-info-focus: var(--primeng-color-info-400);
  --primeng-color-info-active: var(--primeng-color-info-500);
  --primeng-color-info-disabled: var(--primeng-color-info-50);
  --primeng-color-info-visited: var(--primeng-color-info-100);
  --primeng-color-info-light: var(--primeng-color-info-50);
}
.theme-geno {
  --primeng-color-success-default: #0c7336;
  --primeng-color-success-hover: #064d23;
  --primeng-color-success-active: #0c7336;
  --primeng-color-success-disabled: #cce6d9;
  --primeng-color-success-focus: #0c7336;
  --primeng-color-success-light: #e6f3ec;
  --primeng-color-info-default: #002d67;
  --primeng-color-info-hover: #3f6590;
  --primeng-color-info-active: #002d67;
  --primeng-color-info-disabled: #d6dce7;
  --primeng-color-info-focus: #002d67;
  --primeng-color-info-light: #edf0f4;
  --primeng-color-warning-default: #ffcc00;
  --primeng-color-warning-hover: #e6b800;
  --primeng-color-warning-active: #ffdb4d;
  --primeng-color-warning-disabled: #fff5cc;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #fffae5;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #d20000;
  --primeng-color-danger-hover: #bd0000;
  --primeng-color-danger-active: #d20000;
  --primeng-color-danger-disabled: #f2b3b3;
  --primeng-color-danger-focus: #d20000;
  --primeng-color-danger-light: #fcdede;
}
.theme-hfk {
  --primeng-color-success-default: #69A82F;
  --primeng-color-success-hover: #5E9728;
  --primeng-color-success-active: #4C7E20;
  --primeng-color-success-disabled: #E0F0C6;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #F6FAEF;
  --primeng-color-info-default: #6F6F6F;
  --primeng-color-info-hover: #5F5F5F;
  --primeng-color-info-active: #4F4F4F;
  --primeng-color-info-disabled: #DEDEDE;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #F6F6F6;
  --primeng-color-warning-default: #EC672F;
  --primeng-color-warning-hover: #D95A25;
  --primeng-color-warning-active: #BC471B;
  --primeng-color-warning-disabled: #FFDCCB;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #FFF4EF;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #e30614;
  --primeng-color-danger-hover: #c60011;
  --primeng-color-danger-active: #a0000e;
  --primeng-color-danger-disabled: #ffc9ce;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #ffe9eb;
}
.theme-llb {
  --primeng-color-success-default: #69A82F;
  --primeng-color-success-hover: #5E9728;
  --primeng-color-success-active: #4C7E20;
  --primeng-color-success-disabled: #E0F0C6;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #F6FAEF;
  --primeng-color-info-default: #6F6F6F;
  --primeng-color-info-hover: #5F5F5F;
  --primeng-color-info-active: #4F4F4F;
  --primeng-color-info-disabled: #DEDEDE;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #F6F6F6;
  --primeng-color-warning-default: #EC672F;
  --primeng-color-warning-hover: #D95A25;
  --primeng-color-warning-active: #BC471B;
  --primeng-color-warning-disabled: #FFDCCB;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #FFF4EF;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #e30614;
  --primeng-color-danger-hover: #c60011;
  --primeng-color-danger-active: #a0000e;
  --primeng-color-danger-disabled: #ffc9ce;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #ffe9eb;
}
.theme-oesa {
  --primeng-color-success-default: #41db76;
  --primeng-color-success-hover: #3bc56a;
  --primeng-color-success-active: #7ae69f;
  --primeng-color-success-disabled: #d9f8e4;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #ecfbf1;
  --primeng-color-info-default: #d7e5f8;
  --primeng-color-info-hover: #aec2df;
  --primeng-color-info-active: #e3edfa;
  --primeng-color-info-disabled: #eff5fc;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #f7fafe;
  --primeng-color-warning-default: #ffcc00;
  --primeng-color-warning-hover: #e6b800;
  --primeng-color-warning-active: #ffdb4d;
  --primeng-color-warning-disabled: #fff5cc;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #fffae5;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #9d253c;
  --primeng-color-danger-hover: #7e1e30;
  --primeng-color-danger-active: #ba6677;
  --primeng-color-danger-disabled: #ebd3d8;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #f5e9eb;
}
.theme-oevbs {
  --primeng-color-success-50: #EBF7F4;
  --primeng-color-success-100: #E5F2EF;
  --primeng-color-success-200: #CBE6E0;
  --primeng-color-success-300: #B1DAD1;
  --primeng-color-success-400: #97CEC2;
  --primeng-color-success-500: #7EC2B3;
  --primeng-color-success-600: #659E90;
  --primeng-color-success-700: #4B7B6C;
  --primeng-color-success-800: #325749;
  --primeng-color-success-900: #193325;
  --primeng-color-success-default: var(--primeng-color-success-500);
  --primeng-color-success-hover: var(--primeng-color-success-600);
  --primeng-color-success-focus: var(--primeng-color-success-700);
  --primeng-color-success-active: var(--primeng-color-success-800);
  --primeng-color-success-disabled: var(--primeng-color-success-200);
  --primeng-color-success-visited: var(--primeng-color-success-300);
  --primeng-color-success-light: var(--primeng-color-success-50);
  --primeng-color-danger-50: #FCECEA;
  --primeng-color-danger-100: #F7D4D1;
  --primeng-color-danger-200: #F0A9A4;
  --primeng-color-danger-300: #E87E76;
  --primeng-color-danger-400: #E15349;
  --primeng-color-danger-500: #DA291C;
  --primeng-color-danger-600: #AE2116;
  --primeng-color-danger-700: #821912;
  --primeng-color-danger-800: #56100C;
  --primeng-color-danger-900: #2B0806;
  --primeng-color-danger-default: var(--primeng-color-danger-500);
  --primeng-color-danger-hover: var(--primeng-color-danger-600);
  --primeng-color-danger-focus: var(--primeng-color-danger-700);
  --primeng-color-danger-active: var(--primeng-color-danger-800);
  --primeng-color-danger-disabled: var(--primeng-color-danger-100);
  --primeng-color-danger-visited: var(--primeng-color-danger-200);
  --primeng-color-danger-light: var(--primeng-color-danger-50);
  --primeng-color-warning-50: #FFFBE6;
  --primeng-color-warning-100: #FFF6CC;
  --primeng-color-warning-200: #FFF099;
  --primeng-color-warning-300: #FFE966;
  --primeng-color-warning-400: #FFE233;
  --primeng-color-warning-500: #FEDD00;
  --primeng-color-warning-600: #D6C200;
  --primeng-color-warning-700: #B0A000;
  --primeng-color-warning-800: #8A7D00;
  --primeng-color-warning-900: #655B00;
  --primeng-color-warning-default: var(--primeng-color-warning-500);
  --primeng-color-warning-hover: var(--primeng-color-warning-600);
  --primeng-color-warning-focus: var(--primeng-color-warning-700);
  --primeng-color-warning-active: var(--primeng-color-warning-800);
  --primeng-color-warning-disabled: var(--primeng-color-warning-200);
  --primeng-color-warning-visited: var(--primeng-color-warning-300);
  --primeng-color-warning-light: var(--primeng-color-warning-50);
  --primeng-color-info-50: #e7ecf9;
  --primeng-color-info-100: #cdd8f3;
  --primeng-color-info-200: #a9bcf0;
  --primeng-color-info-300: #819eea;
  --primeng-color-info-400: #4f77e0;
  --primeng-color-info-500: #002ea7;
  --primeng-color-info-600: #002891;
  --primeng-color-info-700: #00237a;
  --primeng-color-info-800: #001d63;
  --primeng-color-info-900: #00164d;
  --primeng-color-info-default: var(--primeng-color-info-500);
  --primeng-color-info-hover: var(--primeng-color-info-700);
  --primeng-color-info-focus: var(--primeng-color-info-700);
  --primeng-color-info-active: var(--primeng-color-info-800);
  --primeng-color-info-disabled: var(--primeng-color-info-100);
  --primeng-color-info-visited: var(--primeng-color-info-200);
  --primeng-color-info-light: var(--primeng-color-info-50);
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
}
.theme-pr,
.theme-prn {
  --primeng-color-success-default: #69A82F;
  --primeng-color-success-hover: #5E9728;
  --primeng-color-success-active: #4C7E20;
  --primeng-color-success-disabled: #E0F0C6;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #F6FAEF;
  --primeng-color-info-default: #6F6F6F;
  --primeng-color-info-hover: #5F5F5F;
  --primeng-color-info-active: #4F4F4F;
  --primeng-color-info-disabled: #DEDEDE;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #F6F6F6;
  --primeng-color-warning-default: #EC672F;
  --primeng-color-warning-hover: #D95A25;
  --primeng-color-warning-active: #BC471B;
  --primeng-color-warning-disabled: #FFDCCB;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #FFF4EF;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #e30614;
  --primeng-color-danger-hover: #c60011;
  --primeng-color-danger-active: #a0000e;
  --primeng-color-danger-disabled: #ffc9ce;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #ffe9eb;
}
.theme-sav25,
.theme-sav {
  --primeng-color-success-default: #41db76;
  --primeng-color-success-hover: #3bc56a;
  --primeng-color-success-active: #7ae69f;
  --primeng-color-success-disabled: #d9f8e4;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #ecfbf1;
  --primeng-color-info-default: #d7e5f8;
  --primeng-color-info-hover: #aec2df;
  --primeng-color-info-active: #e3edfa;
  --primeng-color-info-disabled: #eff5fc;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #f7fafe;
  --primeng-color-warning-default: #ffa132;
  --primeng-color-warning-hover: #e6912d;
  --primeng-color-warning-active: #ffbd70;
  --primeng-color-warning-disabled: #ffecd6;
  --primeng-color-warning-focus: #ffc784;
  --primeng-color-warning-light: #fff6ea;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #d90000;
  --primeng-color-danger-hover: #ae0000;
  --primeng-color-danger-active: #e44d4d;
  --primeng-color-danger-disabled: #ebd3d8;
  --primeng-color-danger-focus: #e86666;
  --primeng-color-danger-light: #fbe6e6;
}
.theme-spk {
  --primeng-color-success-50: #e4eddb;
  --primeng-color-success-100: #c8dbb6;
  --primeng-color-success-200: #adc992;
  --primeng-color-success-300: #92b66d;
  --primeng-color-success-400: #77a449;
  --primeng-color-success-500: #5b9224;
  --primeng-color-success-600: #408000;
  --primeng-color-success-700: #356b00;
  --primeng-color-success-800: #2b5500;
  --primeng-color-success-900: #204000;
  --primeng-color-success-default: var(--primeng-color-success-800);
  --primeng-color-success-hover: var(--primeng-color-success-900);
  --primeng-color-success-active: var(--primeng-color-success-800);
  --primeng-color-success-disabled: var(--oev-color-gray-400);
  --primeng-color-success-focus: var(--primeng-color-success-700);
  --primeng-color-success-light: var(--primeng-color-success-50);
  --primeng-color-info-50: #fcfcfc;
  --primeng-color-info-100: #f5f5f5;
  --primeng-color-info-200: #f0f0f0;
  --primeng-color-info-300: #e3e3e3;
  --primeng-color-info-400: #bebebe;
  --primeng-color-info-500: #AEAEAE;
  --primeng-color-info-600: #949494;
  --primeng-color-info-700: #666666;
  --primeng-color-info-800: #565656;
  --primeng-color-info-900: #444444;
  --primeng-color-info-1000: #292929;
  --primeng-color-info-1100: #222222;
  --primeng-color-info-default: var(--primeng-color-info-900);
  --primeng-color-info-hover: var(--primeng-color-info-1000);
  --primeng-color-info-active: var(--primeng-color-info-900);
  --primeng-color-info-disabled: var(--oev-color-gray-400);
  --primeng-color-info-focus: var(--primeng-color-info-1000);
  --primeng-color-info-light: var(--primeng-color-info-100);
  --primeng-color-warning-50: #fff3ed;
  --primeng-color-warning-100: #fde2d3;
  --primeng-color-warning-200: #fbcbb1;
  --primeng-color-warning-300: #eda580;
  --primeng-color-warning-400: #e78c62;
  --primeng-color-warning-500: #e27345;
  --primeng-color-warning-600: #dc5a2c;
  --primeng-color-warning-700: #cd3b0e;
  --primeng-color-warning-800: #ae2b01;
  --primeng-color-warning-900: #821001;
  --primeng-color-warning-default: var(--primeng-color-warning-900);
  --primeng-color-warning-hover: var(--primeng-color-warning-900);
  --primeng-color-warning-active: var(--primeng-color-warning-800);
  --primeng-color-warning-disabled: var(--oev-color-gray-400);
  --primeng-color-warning-focus: var(--primeng-color-warning-700);
  --primeng-color-warning-light: var(--primeng-color-warning-50);
  --primeng-color-help-50: #F5F9FD;
  --primeng-color-help-100: #DBEEFF;
  --primeng-color-help-200: #92CCFF;
  --primeng-color-help-300: #6dbbff;
  --primeng-color-help-400: #49aaff;
  --primeng-color-help-500: #2499ff;
  --primeng-color-help-600: #0088ff;
  --primeng-color-help-700: #0071d4;
  --primeng-color-help-800: #005baa;
  --primeng-color-help-900: #004480;
  --primeng-color-help-1000: #003666;
  --primeng-color-help-default: var(--primeng-color-help-900);
  --primeng-color-help-hover: var(--primeng-color-help-1000);
  --primeng-color-help-active: var(--primeng-color-help-900);
  --primeng-color-help-focus: var(--primeng-color-help-800);
  --primeng-color-help-disabled: var(--oev-color-gray-400);
  --primeng-color-help-visited: var(--oev-color-gray-600);
  --primeng-color-help-light: var(--primeng-color-help-50);
  --primeng-color-danger-50: #FEF5F5;
  --primeng-color-danger-100: #F9DBDB;
  --primeng-color-danger-200: #F3B6B6;
  --primeng-color-danger-300: #ed9292;
  --primeng-color-danger-400: #e66d6d;
  --primeng-color-danger-500: #e04949;
  --primeng-color-danger-600: #da2424;
  --primeng-color-danger-700: #d40000;
  --primeng-color-danger-800: #b10000;
  --primeng-color-danger-900: #8d0000;
  --primeng-color-danger-1000: #6a0000;
  --primeng-color-danger-1100: #4c3636;
  --primeng-color-danger-default: var(--primeng-color-danger-900);
  --primeng-color-danger-hover: var(--primeng-color-danger-1100);
  --primeng-color-danger-active: var(--primeng-color-danger-800);
  --primeng-color-danger-disabled: var(--oev-color-gray-400);
  --primeng-color-danger-focus: var(--primeng-color-danger-700);
  --primeng-color-danger-light: var(--primeng-color-danger-50);
}
.theme-sv {
  --primeng-color-success-default: #00847f;
  --primeng-color-success-hover: #00726e;
  --primeng-color-success-active: #00605d;
  --primeng-color-success-disabled: #b3e1df;
  --primeng-color-success-focus: #00847f;
  --primeng-color-success-light: #ecf4f3;
  --primeng-color-info-default: #7f7f7f;
  --primeng-color-info-hover: #5f5f5f;
  --primeng-color-info-active: #4f4f4f;
  --primeng-color-info-disabled: #dedede;
  --primeng-color-info-focus: #6f6f6f;
  --primeng-color-info-light: #f6f6f6;
  --primeng-color-warning-default: #e85f1f;
  --primeng-color-warning-hover: #b33c00;
  --primeng-color-warning-active: #952f00;
  --primeng-color-warning-disabled: #ffd2bf;
  --primeng-color-warning-focus: #d14800;
  --primeng-color-warning-light: #ffefe6;
  --primeng-color-help-default: #7f7f7f;
  --primeng-color-help-hover: #5f5f5f;
  --primeng-color-help-active: #4f4f4f;
  --primeng-color-help-disabled: #dedede;
  --primeng-color-help-focus: #6f6f6f;
  --primeng-color-help-light: #f6f6f6;
  --primeng-color-danger-default: #b60000;
  --primeng-color-danger-hover: #9e0000;
  --primeng-color-danger-active: #6b0000;
  --primeng-color-danger-disabled: #f9d5d5;
  --primeng-color-danger-focus: #850000;
  --primeng-color-danger-light: #fdeaea;
}
.theme-svlfg {
  --primeng-color-success-default: #41db76;
  --primeng-color-success-hover: #3bc56a;
  --primeng-color-success-active: #7ae69f;
  --primeng-color-success-disabled: #d9f8e4;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #ecfbf1;
  --primeng-color-info-default: #d7e5f8;
  --primeng-color-info-hover: #aec2df;
  --primeng-color-info-active: #e3edfa;
  --primeng-color-info-disabled: #eff5fc;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #f7fafe;
  --primeng-color-warning-default: #ffcc00;
  --primeng-color-warning-hover: #e6b800;
  --primeng-color-warning-active: #ffdb4d;
  --primeng-color-warning-disabled: #fff5cc;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #fffae5;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #9d253c;
  --primeng-color-danger-hover: #7e1e30;
  --primeng-color-danger-active: #ba6677;
  --primeng-color-danger-disabled: #ebd3d8;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #f5e9eb;
}
.theme-ukv {
  --primeng-color-success-default: #41db76;
  --primeng-color-success-hover: #3bc56a;
  --primeng-color-success-active: #7ae69f;
  --primeng-color-success-disabled: #d9f8e4;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #ecfbf1;
  --primeng-color-info-default: #d7e5f8;
  --primeng-color-info-hover: #aec2df;
  --primeng-color-info-active: #e3edfa;
  --primeng-color-info-disabled: #eff5fc;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #f7fafe;
  --primeng-color-warning-default: #ffcc00;
  --primeng-color-warning-hover: #e6b800;
  --primeng-color-warning-active: #ffdb4d;
  --primeng-color-warning-disabled: #fff5cc;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #fffae5;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #9d253c;
  --primeng-color-danger-hover: #7e1e30;
  --primeng-color-danger-active: #ba6677;
  --primeng-color-danger-disabled: #ebd3d8;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #f5e9eb;
}
.theme-vkb25,
.theme-vkb {
  --primeng-color-success-default: #41db76;
  --primeng-color-success-hover: #3bc56a;
  --primeng-color-success-active: #7ae69f;
  --primeng-color-success-disabled: #d9f8e4;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #ecfbf1;
  --primeng-color-info-default: #d7e5f8;
  --primeng-color-info-hover: #aec2df;
  --primeng-color-info-active: #e3edfa;
  --primeng-color-info-disabled: #eff5fc;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #f7fafe;
  --primeng-color-warning-default: #ffa132;
  --primeng-color-warning-hover: #e6912d;
  --primeng-color-warning-active: #ffbd70;
  --primeng-color-warning-disabled: #ffecd6;
  --primeng-color-warning-focus: #ffc784;
  --primeng-color-warning-light: #fff6ea;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #d90000;
  --primeng-color-danger-hover: #ae0000;
  --primeng-color-danger-active: #e44d4d;
  --primeng-color-danger-disabled: #ebd3d8;
  --primeng-color-danger-focus: #e86666;
  --primeng-color-danger-light: #fbe6e6;
}
.theme-vkk {
  --primeng-color-success-default: #41db76;
  --primeng-color-success-hover: #3bc56a;
  --primeng-color-success-active: #7ae69f;
  --primeng-color-success-disabled: #d9f8e4;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #ecfbf1;
  --primeng-color-info-default: #f2e6ce;
  --primeng-color-info-hover: #dacfb9;
  --primeng-color-info-active: #f6eedd;
  --primeng-color-info-disabled: #faf5eb;
  --primeng-color-info-focus: #f7f0e2;
  --primeng-color-info-light: #fcfaf5;
  --primeng-color-warning-default: #ffa132;
  --primeng-color-warning-hover: #e6912d;
  --primeng-color-warning-active: #ffbd70;
  --primeng-color-warning-disabled: #ffecd6;
  --primeng-color-warning-focus: #ffc784;
  --primeng-color-warning-light: #fff6ea;
  --primeng-color-help-default: #d7e5f8;
  --primeng-color-help-hover: #aec2df;
  --primeng-color-help-active: #e3edfa;
  --primeng-color-help-disabled: #eff5fc;
  --primeng-color-help-focus: #e7effb;
  --primeng-color-help-light: #f7fafe;
  --primeng-color-danger-default: #9d253c;
  --primeng-color-danger-hover: #7e1e30;
  --primeng-color-danger-active: #ba6677;
  --primeng-color-danger-disabled: #ebd3d8;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #f5e9eb;
}
.theme-vmk {
  --primeng-color-success-default: #41db76;
  --primeng-color-success-hover: #3bc56a;
  --primeng-color-success-active: #7ae69f;
  --primeng-color-success-disabled: #d9f8e4;
  --primeng-color-success-focus: #a0edba;
  --primeng-color-success-light: #ecfbf1;
  --primeng-color-info-default: #d7e5f8;
  --primeng-color-info-hover: #aec2df;
  --primeng-color-info-active: #e3edfa;
  --primeng-color-info-disabled: #eff5fc;
  --primeng-color-info-focus: #e3edfa;
  --primeng-color-info-light: #f7fafe;
  --primeng-color-warning-default: #ffcc00;
  --primeng-color-warning-hover: #e6b800;
  --primeng-color-warning-active: #ffdb4d;
  --primeng-color-warning-disabled: #fff5cc;
  --primeng-color-warning-focus: #ffdb4d;
  --primeng-color-warning-light: #fffae5;
  --primeng-color-help-default: #dde2e4;
  --primeng-color-help-hover: #c7cbcd;
  --primeng-color-help-active: #e7ebec;
  --primeng-color-help-disabled: #f5f6f7;
  --primeng-color-help-focus: #e7ebec;
  --primeng-color-help-light: #f8f9fa;
  --primeng-color-danger-default: #9d253c;
  --primeng-color-danger-hover: #7e1e30;
  --primeng-color-danger-active: #ba6677;
  --primeng-color-danger-disabled: #ebd3d8;
  --primeng-color-danger-focus: #ce929d;
  --primeng-color-danger-light: #f5e9eb;
}
.theme-spk {
  --oev-color-container-10: var(--oev-color-custom-10);
  --oev-color-container-11: var(--oev-color-custom-11);
  --oev-color-container-12: var(--oev-color-custom-12);
  --oev-color-container-13: var(--oev-color-gray-100);
  --oev-color-container-14: var(--oev-color-action-white);
  --oev-color-container-15: var(--oev-color-container-13);
  --oev-color-container-01: var(--oev-color-custom-01);
  --oev-color-container-02: var(--oev-color-custom-02);
  --oev-color-container-03: var(--oev-color-custom-03);
  --oev-color-container-04: var(--oev-color-custom-04);
  --oev-color-container-05: var(--oev-color-custom-05);
  --oev-color-container-06: var(--oev-color-custom-06);
  --oev-color-container-07: var(--oev-color-custom-07);
  --oev-color-container-08: var(--oev-color-custom-08);
  --oev-color-container-09: var(--oev-color-custom-09);
  --oev-color-container-pg-01: var(--oev-color-container-13);
  --oev-color-container-pg-02: var(--oev-color-container-13);
  --oev-color-container-pg-03: var(--oev-color-container-13);
  --oev-color-primary-50: #ffdddd;
  --oev-color-primary-100: #ffbbbb;
  --oev-color-primary-200: #ff9292;
  --oev-color-primary-300: #ff6d6d;
  --oev-color-primary-400: #ff4949;
  --oev-color-primary-500: #ff2424;
  --oev-color-primary-600: #ee0000;
  --oev-color-primary-700: #d40000;
  --oev-color-primary-800: #aa0000;
  --oev-color-primary-900: #890010;
  --oev-color-primary-default: var(--oev-color-primary-600);
  --oev-color-primary-hover: var(--oev-color-primary-700);
  --oev-color-primary-focus: var(--oev-color-primary-700);
  --oev-color-primary-active: var(--oev-color-primary-900);
  --oev-color-primary-disabled: var(--oev-color-primary-200);
  --oev-color-primary-visited: var(--oev-color-primary-default);
  --oev-color-secondary-50: #FAFAFA;
  --oev-color-secondary-100: #F5F5F5;
  --oev-color-secondary-200: #EFEFEF;
  --oev-color-secondary-300: #E2E2E2;
  --oev-color-secondary-400: #BFBFBF;
  --oev-color-secondary-500: #A0A0A0;
  --oev-color-secondary-600: #777777;
  --oev-color-secondary-700: #636363;
  --oev-color-secondary-800: #444444;
  --oev-color-secondary-900: #232323;
  --oev-color-secondary-default: var(--oev-color-secondary-800);
  --oev-color-secondary-hover: var(--oev-color-secondary-900);
  --oev-color-secondary-focus: var(--oev-color-secondary-500);
  --oev-color-secondary-active: var(--oev-color-secondary-800);
  --oev-color-secondary-disabled: var(--oev-color-secondary-200);
  --oev-color-secondary-visited: var(--oev-color-secondary-default);
  --oev-color-custom-10: #E1F5FE;
  --oev-color-custom-11: #C6E7CF;
  --oev-color-custom-12: #83B19F;
  --oev-color-custom-01: #F3E5DF;
  --oev-color-custom-02: #EBC8B2;
  --oev-color-custom-03: #FFE4C4;
  --oev-color-custom-04: #BC8F8F;
  --oev-color-custom-05: #860010;
  --oev-color-custom-06: #FFF9C4;
  --oev-color-custom-07: #FFD5AF;
  --oev-color-custom-08: #EDE7F6;
  --oev-color-custom-09: #CCD9E2;
  --oev-color-gray-50: #F9F9F9;
  --oev-color-gray-100: #F3F3F3;
  --oev-color-gray-200: #EAEAEA;
  --oev-color-gray-300: #DBDBDB;
  --oev-color-gray-400: #B7B7B7;
  --oev-color-gray-500: #989898;
  --oev-color-gray-600: #6F6F6F;
  --oev-color-gray-700: #5C5C5C;
  --oev-color-gray-800: #3D3D3D;
  --oev-color-gray-900: #1D1D1D;
  --oev-color-gray-default: var(--oev-color-gray-800);
  --oev-color-gray-hover: var(--oev-color-gray-900);
  --oev-color-gray-focus: var(--oev-color-gray-900);
  --oev-color-gray-active: var(--oev-color-gray-900);
  --oev-color-gray-disabled: var(--oev-color-gray-600);
  --oev-color-gray-visited: var(--oev-color-gray-default);
  --oev-color-action-white: #FFFFFF;
  --oev-color-action-black: #000000;
  --oev-color-action-success: #00847F;
  --oev-color-action-warning: #D14800;
  --oev-color-action-error: #B60000;
  --oev-color-action-info: #6F6F6F;
  --oev-color-action-focus-on-light: #0047FF;
  --oev-color-action-focus-on-dark: #FFFFFF;
  --oev-color-brand-sparkasse: #ee0000;
  --oev-color-white: var(--oev-color-action-white);
  --oev-color-black: var(--oev-color-action-black);
  --oev-color-gradient-01:
    linear-gradient(
      90deg,
      #444444,
      #A0A0A0);
  --oev-color-gradient-02:
    linear-gradient(
      90deg,
      #d40000,
      #ff2424);
  --oev-color-gradient-03:
    linear-gradient(
      45deg,
      #444444,
      #A0A0A0);
  --oev-color-gradient-04:
    linear-gradient(
      45deg,
      #d40000,
      #ff2424);
  --oev-color-transparent: transparent;
  --oev-color-white-default: rgba(255, 255, 255, 1);
  --oev-color-white-hover: rgba(255, 255, 255, .7);
  --oev-color-white-active: rgba(255, 255, 255, .9);
  --oev-color-white-focus: rgba(255, 255, 255, .6);
  --oev-color-white-visited: rgba(255, 255, 255, .8);
  --oev-color-white-disabled: rgba(255, 255, 255, .4);
  --oev-color-success: var(--oev-color-action-success);
  --oev-color-warning: var(--oev-color-action-warning);
  --oev-color-error: var(--oev-color-action-error);
  --oev-color-info: var(--oev-color-action-info);
  --oev-color-black-default: rgba(0, 0, 0, 1);
  --oev-color-black-hover: rgba(0, 0, 0, .7);
  --oev-color-black-active: rgba(0, 0, 0, .9);
  --oev-color-black-focus: rgba(0, 0, 0, .6);
  --oev-color-black-visited: rgba(0, 0, 0, .8);
  --oev-color-black-disabled: rgba(0, 0, 0, .4);
  --oev-color-background-10: var(--oev-color-custom-10);
  --oev-color-background-11: var(--oev-color-custom-11);
  --oev-color-background-12: var(--oev-color-custom-12);
  --oev-color-background-13: var(--oev-color-primary-50);
  --oev-color-background-14: var(--oev-color-background-dark);
  --oev-color-background-15: var(--oev-color-background-light);
  --oev-color-background-16: var(--oev-color-secondary-50);
  --oev-color-background-17: var(--oev-color-background-white);
  --oev-color-background-18: var(--oev-color-background-black);
  --oev-color-background-01: var(--oev-color-custom-01);
  --oev-color-background-02: var(--oev-color-custom-02);
  --oev-color-background-03: var(--oev-color-custom-03);
  --oev-color-background-04: var(--oev-color-custom-04);
  --oev-color-background-05: var(--oev-color-custom-05);
  --oev-color-background-06: var(--oev-color-custom-06);
  --oev-color-background-07: var(--oev-color-custom-07);
  --oev-color-background-08: var(--oev-color-custom-08);
  --oev-color-background-09: var(--oev-color-custom-09);
  --oev-color-background-white: var(--oev-color-action-white);
  --oev-color-background-black: var(--oev-color-action-black);
  --oev-color-background-dark: var(--oev-color-gray-100);
  --oev-color-background-light: var(--oev-color-gray-50);
  --oev-color-font-body-default: var(--oev-color-gray-800);
  --oev-color-font-body-disabled: var(--oev-color-gray-600);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-font-body-default);
  --oev-color-font-headline: var(--oev-color-font-body-default);
  --oev-color-font-headline-inverted: var(--oev-color-action-white);
  --oev-color-font-subheadline: var(--oev-color-font-body-default);
  --oev-color-font-h1: var(--oev-color-font-headline);
  --oev-color-font-h2: var(--oev-color-font-headline);
  --oev-color-font-h3: var(--oev-color-font-headline);
  --oev-color-font-h4: var(--oev-color-font-headline);
  --oev-color-font-h5: var(--oev-color-font-headline);
  --oev-color-font-h6: var(--oev-color-font-headline);
  --oev-color-font-subtitle-1: var(--oev-color-font-subheadline);
  --oev-color-font-subtitle-2: var(--oev-color-font-subheadline);
  --oev-color-font-label: var(--oev-color-gray-default);
  --oev-color-font-label-inverted: var(--oev-color-action-white);
  --oev-color-font-label-small: var(--oev-color-font-label);
  --oev-color-font-link: var(--oev-color-font-body-default);
  --oev-color-font-link-small: var(--oev-color-font-link);
  --oev-color-font-link-medium: var(--oev-color-font-link);
  --oev-color-font-caption: var(--oev-color-font-body-default);
  --oev-color-font-error: var(--oev-color-action-error);
  --oev-color-font-placeholder: var(--oev-color-gray-600);
  --oev-color-font-calligraphy: var(--oev-color-primary-900);
  --oev-color-pictogram-1: var(--oev-color-primary-default);
  --oev-color-pictogram-2: #C00D14;
  --oev-color-pictogram-3: var(--oev-color-action-white);
  --oev-color-pictogram-4: var(--oev-color-transparent);
  --oev-color-illustration-1: var(--oev-color-primary-50);
  --oev-color-shadow: #00000029;
  --oev-color-focus-visible-outline: var(--oev-color-action-focus-on-light);
  --oev-comp-accordion-header-color-background-default: var(--oev-color-transparent);
  --oev-comp-accordion-header-color-background-hover: var(--oev-color-background-17);
  --oev-comp-accordion-header-color-default: var(--oev-color-font-body-default);
  --oev-comp-accordion-header-color-hover: var(--oev-color-font-body-default);
  --oev-comp-accordion-header-color-active: var(--oev-color-primary-active);
  --oev-comp-accordion-header-color-open: var(--oev-color-font-body-default);
  --oev-comp-accordion-header-font-weight-default: var(--oev-font-weight-light);
  --oev-comp-accordion-header-font-weight-hover: var(--oev-font-weight-default);
  --oev-comp-accordion-header-font-weight-active: var(--oev-font-weight-default);
  --oev-comp-accordion-header-font-weight-open: var(--oev-font-weight-default);
  --oev-comp-accordion-header-icon-default: var(--oev-color-primary-default);
  --oev-comp-accordion-header-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-accordion-header-icon-active: var(--oev-color-primary-active);
  --oev-comp-accordion-header-icon-open: var(--oev-color-primary-default);
  --oev-comp-accordion-body-color-background: var(--oev-color-transparent);
  --oev-comp-accordion-body-color-default: var(--oev-color-font-body-default);
  --oev-comp-accordion-body-spacing: var(--oev-sys-spacing-m);
  --oev-comp-accordion-body-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-accordion-body-font-style: normal normal 200 1rem / 1.5 "Sparkasse Web", sans-serif;
  --oev-comp-accordion-body-font-weight: var(--oev-font-weight-body);
  --oev-comp-accordion-body-font-size: var(--oev-font-size-body);
  --oev-comp-accordion-body-line-height: var(--oev-line-height-m);
  --oev-comp-accordion-divider-color: var(--oev-color-gray-300);
  --oev-comp-accordion-divider-height: var(--oev-ref-size-01);
  --oev-comp-advisor-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-advisor-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-advisor-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-advisor-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-advisor-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-advisor-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-advisor-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-advisor-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-advisor-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-advisor-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-advisor-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-advisor-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-advisor-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-advisor-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-advisor-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-advisor-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-advisor-card-header-distance-gap: var(--oev-ref-spacing-02);
  --oev-comp-advisor-card-header-distance-padding: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-header-distance-border-radius: var(--oev-ref-radius-s);
  --oev-comp-advisor-card-header-distance-background-color: var(--oev-color-background-15);
  --oev-comp-advisor-card-header-distance-number-font-style: var(--oev-font-style-link-small);
  --oev-comp-advisor-card-header-distance-label-font-style: var(--oev-font-style-caption);
  --oev-comp-advisor-card-header-distance-font-color: var(--oev-color-font-label);
  --oev-comp-advisor-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-header-text-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-advisor-card-header-text-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-advisor-card-status-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-status-expandable-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-status-opening-hours-headline-gap: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-status-opening-hours-headline-font-style: var(--oev-font-style-link);
  --oev-comp-advisor-card-status-opening-hours-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-advisor-card-status-opening-hours-headline-gap-stacked: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-socialmedia-headline-font-style: var(--oev-font-style-link);
  --oev-comp-advisor-card-socialmedia-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-advisor-card-socialmedia-icons-gap: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-socialmedia-gap: var(--oev-sys-spacing-xs);
  --oev-comp-agency-search-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-agency-search-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-agency-search-auto-suggest-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-agency-search-auto-suggest-category-color-background: var(--oev-color-background-14);
  --oev-comp-agency-search-auto-suggest-category-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-auto-suggest-category-font-color: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-category-inner-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-auto-suggest-category-inner-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-default: var(--oev-color-background-17);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-hover: var(--oev-color-background-15);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-selected: var(--oev-color-background-15);
  --oev-comp-agency-search-auto-suggest-result-item-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-agency-search-auto-suggest-result-item-inner-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-auto-suggest-result-item-inner-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-weight: var(--oev-font-weight-bold);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-agency-search-privacy-background: var(--oev-color-gray-100);
  --oev-comp-agency-search-privacy-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-privacy-font-color: var(--oev-color-font-body-default);
  --oev-comp-agency-search-privacy-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-agency-search-text-input-border-radius-top-left: var(--oev-ref-radius-s);
  --oev-comp-agency-search-text-input-border-radius-bottom-left: var(--oev-ref-radius-s);
  --oev-comp-agency-search-text-input-padding-right: var(--oev-sys-spacing-xl-3);
  --oev-comp-agency-search-text-input-icon-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-submit-button-border-radius-top-right: var(--oev-ref-radius-s);
  --oev-comp-agency-search-submit-button-border-radius-bottom-right: var(--oev-ref-radius-s);
  --oev-comp-agency-search-search-type-gap: var(--oev-sys-spacing-l);
  --oev-comp-agency-search-filter-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-shadow: var(--oev-sys-elevation-level-1);
  --oev-comp-agency-search-spacing: var(--oev-sys-spacing-l);
  --oev-comp-agency-search-gap: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-background: var(--oev-color-action-white);
  --oev-comp-agency-search-results-divider-color: var(--oev-color-gray-300);
  --oev-comp-agency-search-results-divider-width: var(--oev-ref-size-01);
  --oev-comp-agency-search-results-border-top-color: var(--oev-color-gray-500);
  --oev-comp-agency-search-results-border-top-width: var(--oev-ref-size-01);
  --oev-comp-agency-search-search-card-width: 400px;
  --oev-comp-agency-search-map-height-above-sl: 800px;
  --oev-comp-agency-search-map-height-below-sl: 400px;
  --oev-comp-agency-search-map-gap: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-prefix-font-style: var(--oev-font-style-body);
  --oev-comp-anchor-nav-textbox-size: var(--oev-ref-size-24);
  --oev-comp-anchor-nav-link-color-default: var(--oev-color-gray-default);
  --oev-comp-anchor-nav-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-anchor-nav-link-color-focus: var(--oev-color-gray-default);
  --oev-comp-anchor-nav-link-color-active: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-color-selected: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-border-size: var(--oev-ref-size-02);
  --oev-comp-anchor-nav-link-font-style-default: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-hover: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-focus: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-active: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-selected: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-spacing-horizontal-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-link-spacing-horizontal-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-link-spacing-vertical-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-anchor-nav-link-spacing-vertical-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-anchor-nav-link-focus-visible-border-radius: var(--oev-ref-radius-06);
  --oev-comp-anchor-nav-icon-interactive-color-default: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-icon-interactive-color-hover: var(--oev-color-primary-hover);
  --oev-comp-anchor-nav-icon-interactive-color-focus: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-icon-interactive-color-active: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-icon-interactive-size: var(--oev-comp-icon-size-medium);
  --oev-comp-anchor-nav-background-color: var(--oev-color-background-17);
  --oev-comp-anchor-nav-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-anchor-nav-divider-bottom-color: var(--oev-color-gray-100);
  --oev-comp-anchor-nav-divider-bottom-size: var(--oev-ref-size-01);
  --oev-comp-badge-size-xs: var(--oev-ref-size-64);
  --oev-comp-badge-size-l: var(--oev-ref-size-80);
  --oev-comp-badge-size-default: var(--oev-comp-badge-size-xs);
  --oev-comp-badge-background-color-default: var(--oev-color-primary-default);
  --oev-comp-badge-content-rotation: 22.75deg;
  --oev-comp-badge-border-width: var(--oev-ref-size-00);
  --oev-comp-badge-border-color: var(--oev-color-transparent);
  --oev-comp-badge-shadow: none;
  --oev-comp-badge-font-style: var(--oev-font-style-body-small);
  --oev-comp-badge-font-color: var(--oev-color-action-white);
  --oev-comp-badge-icon-color: var(--oev-color-action-white);
  --oev-comp-badge-icon-spacing: var(--oev-sys-spacing-none);
  --oev-comp-banner-background-color: var(--oev-color-primary-900);
  --oev-comp-banner-text-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-banner-text-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-banner-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-banner-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-banner-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-banner-border-radius: 0.25rem 0.25rem 0 0;
  --oev-comp-branch-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-branch-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-branch-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-branch-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-branch-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-branch-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-branch-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-branch-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-branch-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-branch-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-branch-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-branch-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-branch-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-branch-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-header-text-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-branch-card-header-text-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-branch-card-header-text-teaser-font-style: var(--oev-font-style-h6);
  --oev-comp-branch-card-header-text-teaser-font-color: var(--oev-color-font-h6);
  --oev-comp-branch-card-status-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-status-opening-hours-headline-gap: var(--oev-sys-spacing-s);
  --oev-comp-branch-card-status-opening-hours-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-status-opening-hours-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-branch-card-contact-options-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-branch-card-contact-options-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-branch-card-contact-options-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-contact-socialmedia-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-contact-socialmedia-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-branch-card-contact-socialmedia-icons-gap: var(--oev-sys-spacing-s);
  --oev-comp-branch-card-contact-socialmedia-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-wide-content-gap: var(--oev-sys-spacing-m);
  --oev-comp-breadcrumb-background-color: var(--oev-color-background-17);
  --oev-comp-breadcrumb-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-breadcrumb-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-breadcrumb-spacing-vertical: var(--oev-sys-spacing-xs);
  --oev-comp-breadcrumb-spacing-gap: var(--oev-sys-spacing-xxs);
  --oev-comp-breadcrumb-home-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-breadcrumb-separator-color: var(--oev-color-gray-500);
  --oev-comp-breadcrumb-separator-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-breadcrumb-link-color-default: var(--oev-color-gray-800);
  --oev-comp-breadcrumb-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-breadcrumb-link-color-active: var(--oev-color-primary-active);
  --oev-comp-breadcrumb-link-color-current: var(--oev-color-gray-800);
  --oev-comp-breadcrumb-link-font-style-default: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-hover: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-active: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-current: var(--oev-font-style-link-medium);
  --oev-comp-business-card-divider-color: var(--oev-color-gray-200);
  --oev-comp-business-card-container-spacing: var(--oev-ref-spacing-16);
  --oev-comp-business-card-distance-badge-background-color: var(--oev-color-gray-100);
  --oev-comp-business-card-distance-badge-number-font-style: var(--oev-font-style-link-small);
  --oev-comp-business-card-distance-badge-unit-font-style: var(--oev-font-style-link-small);
  --oev-comp-business-card-distance-badge-spacing-bottom: var(--oev-ref-spacing-08);
  --oev-comp-business-card-distance-badge-padding-left-right: var(--oev-ref-spacing-08);
  --oev-comp-business-card-distance-badge-padding-top-bottom: var(--oev-ref-spacing-02);
  --oev-comp-business-card-distance-badge-radius: var(--oev-ref-size-04);
  --oev-comp-business-card-title-font-style: var(--oev-font-style-h6);
  --oev-comp-business-card-headline-spacing-bottom: var(--oev-ref-spacing-04);
  --oev-comp-business-card-address-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-business-card-list-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-button-icon-spacing: var(--oev-ref-spacing-06);
  --oev-comp-button-font-style: var(--oev-font-style-link);
  --oev-comp-button-font-weight: var(--oev-font-weight-link);
  --oev-comp-button-font-size: var(--oev-font-size-link);
  --oev-comp-button-labeled-spacing-left-and-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-button-unlabeled-spacing-left-and-right: var(--oev-sys-spacing-s);
  --oev-comp-button-border-width: var(--oev-ref-size-02);
  --oev-comp-button-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-button-border-radius: var(--oev-ref-radius-s);
  --oev-comp-button-color-outline-focused: var(--oev-color-focus-visible-outline);
  --oev-comp-button-offset-outline-focused: var(--oev-ref-size-01);
  --oev-comp-button-primary-contained-background-color-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-contained-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-contained-background-color-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-contained-background-color-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-contained-background-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-primary-contained-color-label-default: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-hover: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-active: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-focus: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-disabled: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-default: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-hover: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-active: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-focus: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-disabled: var(--oev-color-action-white);
  --oev-comp-button-primary-outlined-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-outlined-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-outlined-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-outlined-color-icon-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-outlined-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-primary-outlined-color-label-default: var(--oev-color-gray-800);
  --oev-comp-button-primary-outlined-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-outlined-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-outlined-color-label-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-outlined-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-primary-outlined-color-border-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-outlined-color-border-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-outlined-color-border-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-outlined-color-border-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-outlined-color-border-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-primary-outlined-color-background-default: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-hover: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-active: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-disabled: var(--oev-color-transparent);
  --oev-comp-button-primary-link-color-label-default: var(--oev-color-gray-800);
  --oev-comp-button-primary-link-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-link-color-label-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-link-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-link-color-label-visited: var(--oev-color-gray-800);
  --oev-comp-button-primary-link-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-primary-link-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-link-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-link-color-icon-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-link-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-link-color-icon-visited: var(--oev-color-primary-default);
  --oev-comp-button-primary-link-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-secondary-outlined-color-label-default: var(--oev-color-gray-800);
  --oev-comp-button-secondary-outlined-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-label-focus: var(--oev-color-gray-800);
  --oev-comp-button-secondary-outlined-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-label-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-secondary-outlined-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-border-focus: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-border-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-secondary-outlined-color-background-default: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-hover: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-focus: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-active: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-disabled: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-icon-focus: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-icon-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-secondary-contained-color-label-default: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-hover: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-focus: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-active: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-disabled: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-background-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-contained-color-background-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-contained-color-background-focus: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-background-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-background-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-secondary-contained-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-contained-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-contained-color-border-focus: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-border-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-secondary-contained-color-icon-default: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-hover: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-focus: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-active: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-disabled: var(--oev-color-action-white);
  --oev-comp-button-secondary-link-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-link-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-link-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-link-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-link-color-label-visited: var(--oev-color-secondary-visited);
  --oev-comp-button-secondary-link-color-label-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-secondary-link-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-link-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-link-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-link-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-link-color-icon-visited: var(--oev-color-secondary-visited);
  --oev-comp-button-secondary-link-color-icon-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-button-white-contained-color-label-default: var(--oev-color-primary-default);
  --oev-comp-button-white-contained-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-white-contained-color-label-active: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-white-contained-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-white-contained-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-white-contained-color-icon-active: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-white-outlined-color-default: var(--oev-color-white-default);
  --oev-comp-button-white-outlined-color-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-outlined-color-active: var(--oev-color-white-active);
  --oev-comp-button-white-outlined-color-focus: var(--oev-color-white-default);
  --oev-comp-button-white-outlined-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-white-link-color-label-default: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-label-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-link-color-label-active: var(--oev-color-white-active);
  --oev-comp-button-white-link-color-label-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-link-color-label-visited: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-label-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-white-link-color-icon-default: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-icon-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-link-color-icon-active: var(--oev-color-white-active);
  --oev-comp-button-white-link-color-icon-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-link-color-icon-visited: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-icon-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-link-color-label-default: var(--oev-color-gray-800);
  --oev-comp-button-link-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-link-color-label-active: var(--oev-color-primary-active);
  --oev-comp-button-link-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-link-color-label-visited: var(--oev-color-primary-default);
  --oev-comp-button-link-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-link-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-link-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-link-color-icon-active: var(--oev-color-primary-active);
  --oev-comp-button-link-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-link-color-icon-visited: var(--oev-color-primary-default);
  --oev-comp-button-link-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-card-icon-text-content-box-spacing-top: var(--oev-sys-spacing-xl-2);
  --oev-comp-card-icon-text-content-box-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-content-box-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-content-box-background-color: var(--oev-color-gray-100);
  --oev-comp-card-icon-text-content-box-border-radius: var(--oev-ref-radius-none);
  --oev-comp-card-icon-text-icon-container-box-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-card-icon-text-icon-container-border-radius: var(--oev-ref-radius-xl);
  --oev-comp-card-icon-text-icon-container-size: var(--oev-ref-size-80);
  --oev-comp-card-icon-text-icon-container-background-color: var(--oev-color-background-17);
  --oev-comp-card-icon-text-icon-color: var(--oev-color-primary-default);
  --oev-comp-card-icon-text-headline-font-style: var(--oev-font-style-h4);
  --oev-comp-card-icon-text-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-card-icon-text-headline-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-body-font-style: var(--oev-font-style-body);
  --oev-comp-card-icon-text-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-card-icon-text-body-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-shadow: var(--oev-sys-elevation-level-3);
  --oev-comp-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-card-badge-zindex: var(--oev-ref-z-index-20);
  --oev-comp-card-header-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-card-header-spacing-right: var(--oev-sys-spacing-l);
  --oev-comp-card-header-spacing-teaser-top: var(--oev-sys-spacing-m);
  --oev-comp-card-header-title-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-header-title-font-style: var(--oev-font-style-h3);
  --oev-comp-card-header-title-font-color: var(--oev-color-font-headline);
  --oev-comp-card-header-subtitle-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-card-header-subtitle-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-card-header-subtitle-font-color: var(--oev-color-font-subheadline);
  --oev-comp-card-header-teaser-font-style: var(--oev-font-style-body);
  --oev-comp-card-header-teaser-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-content-outer-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-link-color-default: var(--oev-color-gray-800);
  --oev-comp-card-content-read-more-link-color: var(--oev-color-gray-800);
  --oev-comp-card-content-top-section-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-card-content-top-section-secondary-title-font-style: var(--oev-font-style-h6);
  --oev-comp-card-content-top-section-secondary-title-font-color: var(--oev-color-font-subheadline);
  --oev-comp-card-content-top-section-body-text-font-style: var(--oev-font-style-body);
  --oev-comp-card-content-bottom-section-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-bottom-section-caption-font-style: var(--oev-font-style-caption);
  --oev-comp-card-media-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-color-background-10: var(--oev-color-custom-10);
  --oev-comp-card-color-background-11: var(--oev-color-custom-11);
  --oev-comp-card-color-background-12: var(--oev-color-custom-12);
  --oev-comp-card-color-background-13: var(--oev-color-gray-100);
  --oev-comp-card-color-background-14: var(--oev-color-action-white);
  --oev-comp-card-color-background-15: var(--oev-comp-card-color-background-13);
  --oev-comp-card-color-background-default: var(--oev-color-action-white);
  --oev-comp-card-color-background-01: var(--oev-color-custom-01);
  --oev-comp-card-color-background-02: var(--oev-color-custom-02);
  --oev-comp-card-color-background-03: var(--oev-color-custom-03);
  --oev-comp-card-color-background-04: var(--oev-color-custom-04);
  --oev-comp-card-color-background-05: var(--oev-color-custom-05);
  --oev-comp-card-color-background-06: var(--oev-color-custom-06);
  --oev-comp-card-color-background-07: var(--oev-color-custom-07);
  --oev-comp-card-color-background-08: var(--oev-color-custom-08);
  --oev-comp-card-color-background-09: var(--oev-color-custom-09);
  --oev-comp-card-color-background-pg-01: var(--oev-color-container-pg-01);
  --oev-comp-card-color-background-pg-02: var(--oev-color-container-pg-02);
  --oev-comp-card-color-background-pg-03: var(--oev-color-container-pg-03);
  --oev-comp-card-slider-spacing-left-right: var(--oev-ref-spacing-06);
  --oev-comp-card-slider-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-indicators-width: var(--oev-ref-size-08);
  --oev-comp-card-slider-indicators-height: var(--oev-ref-size-08);
  --oev-comp-card-slider-indicators-radius: var(--oev-ref-radius-xl);
  --oev-comp-card-slider-indicators-opacity: var(--oev-ref-opacity-100);
  --oev-comp-card-slider-indicators-border-color-default: var(--oev-color-gray-default);
  --oev-comp-card-slider-indicators-border-color-hover: var(--oev-color-gray-hover);
  --oev-comp-card-slider-indicators-border-color-active: var(--oev-color-gray-default);
  --oev-comp-card-slider-indicators-background-color-default: var(--oev-color-action-white);
  --oev-comp-card-slider-indicators-background-color-hover: var(--oev-color-gray-hover);
  --oev-comp-card-slider-indicators-background-color-active: var(--oev-color-gray-default);
  --oev-comp-card-slider-indicators-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-card-slider-indicators-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-icon-size: var(--oev-comp-icon-size-large);
  --oev-comp-card-slider-nav-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-card-slider-nav-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-card-slider-nav-icon-color-active: var(--oev-color-primary-default);
  --oev-comp-card-slider-nav-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-card-slider-nav-icon-left-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-nav-icon-right-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-checkbox-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-checkbox-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-checkbox-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-checkbox-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-checkbox-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-checkbox-color-error: var(--oev-color-action-error);
  --oev-comp-forms-checkbox-selected-color-default: var(--oev-color-primary-default);
  --oev-comp-forms-checkbox-selected-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-checkbox-selected-color-active: var(--oev-color-primary-active);
  --oev-comp-forms-checkbox-selected-color-focus: var(--oev-color-primary-focus);
  --oev-comp-forms-checkbox-selected-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-forms-checkbox-selected-color-error: var(--oev-color-action-error);
  --oev-comp-forms-checkbox-grid-spacing: var(--oev-sys-spacing-s);
  --oev-comp-forms-checkbox-label-font-style: var(--oev-font-style-body);
  --oev-comp-forms-checkbox-label-line-height: var(--oev-line-height-m);
  --oev-comp-forms-checkbox-label-color: var(--oev-color-font-body-default);
  --oev-comp-forms-checkbox-error-text-font-style: var(--oev-font-style-error);
  --oev-comp-forms-checkbox-error-text-color: var(--oev-color-action-error);
  --oev-comp-forms-datepicker-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-forms-datepicker-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-datepicker-icon-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-datepicker-overlay-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-datepicker-overlay-background-color: var(--oev-color-background-17);
  --oev-comp-forms-datepicker-overlay-width-xs-s: 270px;
  --oev-comp-forms-datepicker-overlay-width-m-xl: 290px;
  --oev-comp-forms-datepicker-overlay-border-radius: var(--oev-ref-radius-s);
  --oev-comp-forms-datepicker-overlay-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-forms-datepicker-overlay-header-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-header-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-forms-datepicker-overlay-header-spacing-right: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-header-controls-spacing: var(--oev-sys-spacing-l);
  --oev-comp-forms-datepicker-overlay-header-controls-switch-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-datepicker-overlay-header-controls-switch-font-style: var(--oev-font-style-body-small);
  --oev-comp-forms-datepicker-overlay-header-controls-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-forms-datepicker-overlay-header-controls-icon-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-datepicker-overlay-days-of-week-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-days-of-week-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-days-of-week-font-style: var(--oev-font-style-body-small);
  --oev-comp-forms-datepicker-overlay-days-of-week-color: var(--oev-color-gray-600);
  --oev-comp-forms-datepicker-overlay-days-grid-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-days-grid-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-days-grid-border-top-color: var(--oev-color-gray-400);
  --oev-comp-forms-datepicker-overlay-days-grid-border-top-width: var(--oev-ref-size-01);
  --oev-comp-forms-datepicker-overlay-days-grid-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-datepicker-overlay-days-grid-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-forms-datepicker-overlay-days-grid-hover-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-hover-background-color: var(--oev-color-primary-hover);
  --oev-comp-forms-datepicker-overlay-days-grid-selected-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-selected-background-color: var(--oev-color-primary-default);
  --oev-comp-forms-datepicker-overlay-days-grid-today-color: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-today-background-color: var(--oev-color-gray-300);
  --oev-comp-forms-datepicker-overlay-days-grid-focused-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-focused-background-color: var(--oev-color-action-black);
  --oev-comp-forms-dropdown-color-default: var(--oev-color-gray-800);
  --oev-comp-forms-dropdown-color-disabled: var(--oev-color-gray-200);
  --oev-comp-forms-dropdown-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-focus: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-active: var(--oev-color-gray-800);
  --oev-comp-forms-dropdown-color-error: var(--oev-color-gray-800);
  --oev-comp-forms-dropdown-font-style: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-height: var(--oev-ref-size-48);
  --oev-comp-forms-dropdown-background-color-default: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-overflow: hidden;
  --oev-comp-forms-dropdown-text-overflow: ellipsis;
  --oev-comp-forms-dropdown-inner-spacing-top: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-top-focus: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-right: var(--oev-sys-spacing-xl-3);
  --oev-comp-forms-dropdown-inner-spacing-bottom: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-dropdown-inner-spacing-left-focus: var(--oev-sys-spacing-m);
  --oev-comp-forms-dropdown-icon-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-dropdown-icon-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-dropdown-icon-color-open: var(--oev-color-gray-active);
  --oev-comp-forms-dropdown-icon-color-open-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-dropdown-icon-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-forms-dropdown-icon-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-icon-color-error-hover: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-border-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-dropdown-border-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-dropdown-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-dropdown-border-color-open: var(--oev-color-gray-active);
  --oev-comp-forms-dropdown-border-color-disabled: var(--oev-color-gray-200);
  --oev-comp-forms-dropdown-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-dropdown-border-width-hover: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-active: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-focus: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-disabled: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-error: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-open: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-radius: var(--oev-ref-radius-s);
  --oev-comp-forms-dropdown-placeholder-color-default: var(--oev-color-font-placeholder);
  --oev-comp-forms-dropdown-placeholder-color-open: var(--oev-color-font-placeholder);
  --oev-comp-forms-dropdown-menu-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-menu-font-style-default: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-menu-font-style-hover: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-menu-background-color-default: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-menu-background-color-hover: var(--oev-color-gray-50);
  --oev-comp-forms-dropdown-menu-scrollbar-background-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-dropdown-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-item-font-color-hover: var(--oev-color-gray-800);
  --oev-comp-forms-dropdown-item-font-style-hover: var(--oev-font-style-link);
  --oev-comp-forms-dropdown-inline-label-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-inline-label-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-inline-label-font-style: var(--oev-font-style-label-small);
  --oev-comp-forms-dropdown-inline-label-font-size: var(--oev-font-size-label-small);
  --oev-comp-forms-dropdown-inline-label-display: block;
  --oev-comp-forms-dropdown-inline-label-background-color: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-dropdown-label-color: var(--oev-color-font-label);
  --oev-comp-forms-dropdown-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-dropdown-label-line-break: auto;
  --oev-comp-forms-radio-button-color-bullet-outline-default: var(--oev-color-gray-600);
  --oev-comp-forms-radio-button-color-bullet-outline-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-radio-button-color-bullet-outline-active: var(--oev-color-gray-active);
  --oev-comp-forms-radio-button-color-bullet-outline-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-radio-button-color-bullet-outline-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-radio-button-color-bullet-outline-error: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-default: var(--oev-color-gray-600);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-active: var(--oev-color-gray-active);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-error: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-default: var(--oev-color-primary-default);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-active: var(--oev-color-primary-active);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-focus: var(--oev-color-primary-hover);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-disabled: var(--oev-color-primary-disabled);
  --oev-comp-forms-radio-button-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-radio-button-label-color: var(--oev-color-font-label);
  --oev-comp-forms-radio-button-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-option-label-font-style: var(--oev-font-style-body);
  --oev-comp-forms-radio-button-option-label-color: var(--oev-color-font-label);
  --oev-comp-forms-radio-button-option-label-error-color: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-option-label-spacing-right-direction: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-option-label-spacing-left-direction: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-error-text-color: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-error-text-font-style: var(--oev-font-style-error);
  --oev-comp-forms-radio-button-error-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-radio-button-bullet-outline-size: var(--oev-ref-size-20);
  --oev-comp-forms-radio-button-inner-bullet-size-scale: 0.6;
  --oev-comp-forms-radio-button-bullet-outline-width: var(--oev-ref-size-02);
  --oev-comp-forms-radio-button-options-row-spacing: var(--oev-sys-spacing-m);
  --oev-comp-forms-radio-button-options-column-spacing: var(--oev-sys-spacing-xl-3);
  --oev-comp-forms-text-area-inner-spacing: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-spacing-left-top-hover: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-spacing-left-top-focus: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-color-background: var(--oev-color-transparent);
  --oev-comp-forms-text-area-icon-resizer-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-text-area-icon-resizer-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-text-area-icon-resizer-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-text-area-icon-resizer-color-error: var(--oev-color-action-error);
  --oev-comp-forms-text-area-icon-resizer-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-text-area-icon-resizer-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-text-area-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-text-area-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-text-area-label-color: var(--oev-color-gray-800);
  --oev-comp-forms-text-area-placeholder-font-style: var(--oev-font-style-body);
  --oev-comp-forms-text-area-placeholder-color-default: var(--oev-color-font-placeholder);
  --oev-comp-forms-text-area-placeholder-color-focus: var(--oev-color-transparent);
  --oev-comp-forms-text-area-text-font-style: var(--oev-font-style-body);
  --oev-comp-forms-text-area-text-font-weight: var(--oev-font-weight-light);
  --oev-comp-forms-text-area-text-color-default: var(--oev-color-gray-800);
  --oev-comp-forms-text-area-text-color-hover: var(--oev-color-gray-800);
  --oev-comp-forms-text-area-text-color-active: var(--oev-color-gray-800);
  --oev-comp-forms-text-area-text-color-focus: var(--oev-color-gray-800);
  --oev-comp-forms-text-area-text-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-forms-text-area-text-color-error: var(--oev-color-gray-800);
  --oev-comp-forms-text-area-border-radius: var(--oev-ref-radius-s);
  --oev-comp-forms-text-area-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-hover: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-active: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-focus: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-disabled: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-text-area-border-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-text-area-border-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-text-area-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-text-area-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-text-area-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-text-area-help-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-text-area-help-text-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-help-text-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-help-text-font-style-error: var(--oev-font-style-error);
  --oev-comp-forms-text-area-help-text-color-error: var(--oev-color-font-error);
  --oev-comp-forms-input-text-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-color-disabled: var(--oev-color-gray-200);
  --oev-comp-forms-input-text-color-placeholder: var(--oev-color-font-placeholder);
  --oev-comp-forms-input-text-placeholder-font-style: var(--oev-font-style-body);
  --oev-comp-forms-input-text-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-hover: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-focus: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-disabled: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-error: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-input-text-border-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-input-text-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-input-text-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-input-text-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-input-text-border-radius: var(--oev-ref-radius-s);
  --oev-comp-forms-input-text-spacing-left-default: var(--oev-ref-spacing-15);
  --oev-comp-forms-input-text-spacing-left-hover: var(--oev-ref-spacing-15);
  --oev-comp-forms-input-text-spacing-left-focus: var(--oev-ref-spacing-15);
  --oev-comp-forms-input-text-field-color-background-default: var(--oev-color-background-17);
  --oev-comp-forms-input-text-field-color-background-hover: var(--oev-color-background-17);
  --oev-comp-forms-input-text-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-input-text-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-input-text-label-color: var(--oev-color-gray-800);
  --oev-comp-forms-input-text-float-label-font-style: var(--oev-font-style-label-small);
  --oev-comp-forms-input-text-float-label-color-error: var(--oev-color-font-error);
  --oev-comp-forms-input-text-float-label-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-help-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-input-text-help-text-font-style-error: var(--oev-font-style-error);
  --oev-comp-forms-input-text-help-text-color-error: var(--oev-color-font-error);
  --oev-comp-chip-font-color-default: var(--oev-color-primary-default);
  --oev-comp-chip-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-font-color-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-font-color-active: var(--oev-color-primary-active);
  --oev-comp-chip-font-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-font-color-selected-default: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-hover: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-focus: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-active: var(--oev-color-action-white);
  --oev-comp-chip-border-color-default: var(--oev-color-primary-default);
  --oev-comp-chip-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-border-color-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-border-color-active: var(--oev-color-primary-active);
  --oev-comp-chip-border-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-border-color-selected-default: var(--oev-color-primary-default);
  --oev-comp-chip-border-color-selected-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-border-color-selected-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-border-color-selected-active: var(--oev-color-primary-active);
  --oev-comp-chip-background-color-default: var(--oev-color-background-17);
  --oev-comp-chip-background-color-hover: var(--oev-color-background-17);
  --oev-comp-chip-background-color-focus: var(--oev-color-background-17);
  --oev-comp-chip-background-color-active: var(--oev-color-background-17);
  --oev-comp-chip-background-color-disabled: var(--oev-color-background-17);
  --oev-comp-chip-background-color-selected-default: var(--oev-color-primary-default);
  --oev-comp-chip-background-color-selected-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-background-color-selected-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-background-color-selected-active: var(--oev-color-primary-active);
  --oev-comp-chip-outline-color-focus: var(--oev-color-action-focus-on-light);
  --oev-comp-chip-outline-offset-focus: var(--oev-ref-size-02);
  --oev-comp-chip-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-chip-spacing-left-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-chip-border-radius: var(--oev-ref-radius-50);
  --oev-comp-chip-border-width: var(--oev-ref-size-02);
  --oev-comp-chip-font-style: var(--oev-font-style-link);
  --oev-comp-cta-group-spacing-vertical: var(--oev-sys-spacing-l);
  --oev-comp-cta-group-spacing-horizontal: var(--oev-sys-spacing-l);
  --oev-comp-cta-bar-vertical-spacing: var(--oev-sys-spacing-xl-1);
  --oev-comp-cta-bar-vertical-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-cta-bar-container-width: 100%;
  --oev-comp-cta-bar-button-size: var(--oev-ref-size-96);
  --oev-comp-cta-bar-button-label-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-cta-bar-button-label-font-style: var(--oev-font-style-link);
  --oev-comp-cta-bar-button-label-font-weight: var(--oev-font-weight-link);
  --oev-comp-cta-bar-button-label-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-border-radius: var(--oev-ref-radius-l);
  --oev-comp-cta-bar-button-border-radius-focus-visible: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-cta-bar-button-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-cta-bar-button-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-cta-bar-button-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-cta-bar-button-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-cta-bar-button-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-cta-bar-button-font-color-active: var(--oev-color-primary-active);
  --oev-comp-cta-bar-button-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-font-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-cta-bar-button-contained-background-color: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-contained-background-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-contained-elevation-level-default: var(--oev-sys-elevation-level-2);
  --oev-comp-cta-bar-button-contained-elevation-level-hover: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-active: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-selected: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-disabled: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-outlined-background-color: var(--oev-color-transparent);
  --oev-comp-cta-bar-button-outlined-background-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-outlined-border-size: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-default: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-active: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-selected: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-disabled: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-color-default: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-outlined-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-cta-bar-button-outlined-border-color-active: var(--oev-color-primary-active);
  --oev-comp-cta-bar-button-outlined-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-outlined-border-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-cta-bar-button-custom-border-radius: var(--oev-ref-radius-xl);
  --oev-comp-cta-bar-button-custom-border-width-default: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-custom-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-custom-border-width-active: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-custom-border-width-selected: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-custom-border-width-disabled: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-custom-border-color-default: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-custom-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-cta-bar-button-custom-border-color-active: var(--oev-color-primary-active);
  --oev-comp-cta-bar-button-custom-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-custom-border-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-cta-bar-button-custom-background-color-default: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-background-color-hover: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-background-color-active: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-background-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-custom-background-color-disabled: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-cta-bar-button-custom-font-color-active: var(--oev-color-primary-active);
  --oev-comp-cta-bar-button-custom-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-custom-font-color-focus: var(--oev-color-primary-focus);
  --oev-comp-cta-bar-button-custom-font-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-cta-bar-button-custom-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-cta-bar-button-custom-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-cta-bar-button-custom-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-cta-bar-button-custom-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-icon-color-focus: var(--oev-color-primary-focus);
  --oev-comp-cta-bar-button-custom-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-cta-bar-button-custom-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-cta-bar-button-custom-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-cta-bar-button-custom-elevation-level-default: var(--oev-sys-elevation-level-0);
  --oev-comp-cta-bar-button-custom-elevation-level-hover: var(--oev-sys-elevation-level-0);
  --oev-comp-cta-bar-button-custom-elevation-level-active: var(--oev-sys-elevation-level-0);
  --oev-comp-cta-bar-button-custom-elevation-level-selected: var(--oev-sys-elevation-level-0);
  --oev-comp-cta-bar-button-custom-elevation-level-disabled: var(--oev-sys-elevation-level-0);
  --oev-comp-custom-search-background-color: var(--oev-color-background-14);
  --oev-comp-custom-search-outer-spacing: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-shadow: var(--oev-sys-elevation-level-0);
  --oev-comp-custom-search-border-radius: var(--oev-ref-radius-none);
  --oev-comp-custom-search-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-custom-search-text-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-custom-search-inputfield-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-result-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-result-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-customer-interaction-container-background-color: var(--oev-color-action-white);
  --oev-comp-customer-interaction-container-spacing-left-right: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-container-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-customer-interaction-container-spacing-bottom: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-container-background-color-default: var(--oev-color-action-white);
  --oev-comp-customer-interaction-position-right: var(--oev-sys-spacing-s);
  --oev-comp-customer-interaction-position-bottom: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-customer-interaction-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-customer-interaction-icon-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-customer-interaction-icon-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-icon-color: var(--oev-color-gray-default);
  --oev-comp-divider-color: var(--oev-color-gray-400);
  --oev-comp-divider-height: var(--oev-ref-size-01);
  --oev-comp-divider-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-download-headline-font-style: var(--oev-font-style-h3);
  --oev-comp-download-headline-font-color: var(--oev-color-action-black);
  --oev-comp-download-subheadline-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-download-subheadline-font-color: var(--oev-color-gray-600);
  --oev-comp-download-icon-color-default: var(--oev-color-gray-600);
  --oev-comp-download-icon-color-hover: var(--oev-color-primary-default);
  --oev-comp-download-icon-size: var(--oev-ref-size-24);
  --oev-comp-download-icon-container-background-color-default: var(--oev-color-background-17);
  --oev-comp-download-icon-container-background-color-hover: var(--oev-color-background-17);
  --oev-comp-download-icon-container-border-color-default: var(--oev-color-gray-600);
  --oev-comp-download-icon-container-border-color-hover: var(--oev-color-primary-default);
  --oev-comp-download-icon-container-border-width: var(--oev-ref-size-01);
  --oev-comp-download-icon-container-width: 38px;
  --oev-comp-download-icon-container-height: 38px;
  --oev-comp-download-icon-container-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-download-container-padding: var(--oev-sys-spacing-m);
  --oev-comp-download-container-background-color-default: var(--oev-color-background-14);
  --oev-comp-download-container-background-color-hover: var(--oev-color-background-15);
  --oev-comp-download-container-headline-font-style: var(--oev-font-style-link);
  --oev-comp-download-container-headline-font-color: var(--oev-color-gray-800);
  --oev-comp-download-container-headline-font-color-hover: var(--oev-color-font-body-default);
  --oev-comp-download-container-subheadline-font-style: var(--oev-font-style-body);
  --oev-comp-download-container-subheadline-font-color: var(--oev-color-gray-800);
  --oev-comp-employee-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-employee-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-employee-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-employee-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-employee-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-employee-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-employee-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-employee-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-employee-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-employee-card-header-image-size: var(--oev-ref-size-160);
  --oev-comp-employee-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-employee-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-employee-card-header-text-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-employee-card-header-text-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-employee-card-header-text-subline-font-style: var(--oev-font-style-link);
  --oev-comp-employee-card-header-text-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-header-text-description-font-style: var(--oev-font-style-body);
  --oev-comp-employee-card-header-text-description-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-header-text-qualifications-font-style: var(--oev-font-style-body);
  --oev-comp-employee-card-header-text-qualifications-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-contact-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-employee-card-contact-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-filter-chip-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-filter-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-filter-spacing-sl-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-flyout-background-color: var(--oev-color-background-17);
  --oev-comp-flyout-elevation-level: var(--oev-sys-elevation-level-2);
  --oev-comp-flyout-content-optional-inner-spacing: var(--oev-sys-spacing-m);
  --oev-comp-flyout-xs-s-border-radius: var(--oev-ref-radius-none);
  --oev-comp-flyout-sl-xl-border-radius: var(--oev-ref-radius-s);
  --oev-comp-flyout-arrow-height: var(--oev-ref-size-08);
  --oev-comp-flyout-arrow-width: var(--oev-ref-size-16);
  --oev-comp-flyout-close-icon-variant: "primary";
  --oev-comp-flyout-close-icon-size: "m";
  --oev-comp-flyout-m-xl-width: 384px;
  --oev-comp-footer-color-background: var(--oev-color-secondary-700);
  --oev-comp-footer-max-width: 65rem;
  --oev-comp-footer-content-margin-top: var(--oev-sys-spacing-none);
  --oev-comp-footer-link-color-default: var(--oev-color-white-default);
  --oev-comp-footer-link-color-hover: var(--oev-color-white-hover);
  --oev-comp-footer-link-color-active: var(--oev-color-white-active);
  --oev-comp-footer-link-color-visited: var(--oev-color-white-visited);
  --oev-comp-footer-link-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-footer-top-section-spacing-top: var(--oev-sys-spacing-xl-1);
  --oev-comp-footer-top-section-spacing-top-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-footer-top-section-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-footer-top-section-spacing-bottom-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-footer-top-section-border-top: none;
  --oev-comp-footer-top-section-border-top-xs-s: none;
  --oev-comp-footer-top-section-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-top-section-headline-font-color: var(--oev-color-action-white);
  --oev-comp-footer-top-section-headline-spacing: var(--oev-sys-spacing-l);
  --oev-comp-footer-top-section-link-font: var(--oev-font-style-link);
  --oev-comp-footer-top-section-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-top-section-link-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-accordion-body-spacing-link: var(--oev-sys-spacing-m);
  --oev-comp-footer-accordion-body-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-footer-accordion-body-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-footer-accordion-body-spacing-bottom-xs-s: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-border-bottom: none;
  --oev-comp-footer-accordion-header-font: var(--oev-font-style-link);
  --oev-comp-footer-accordion-header-font-color: var(--oev-color-action-white);
  --oev-comp-footer-accordion-link-font: var(--oev-font-style-link);
  --oev-comp-footer-accordion-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-bottom-section-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-footer-bottom-section-spacing-top-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-footer-bottom-section-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-bottom-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-border-top: none;
  --oev-comp-footer-bottom-section-link-font: var(--oev-font-style-link);
  --oev-comp-footer-bottom-section-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-bottom-section-link-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-footer-bottom-section-copyright-font: var(--oev-font-style-body-small);
  --oev-comp-footer-bottom-section-content-spacing: var(--oev-sys-spacing-xl-2);
  --oev-comp-footer-bottom-section-content-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-container-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-seals-headline-font: var(--oev-font-style-body);
  --oev-comp-footer-seals-headline-font-color: var(--oev-color-action-white);
  --oev-comp-footer-seals-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-footer-seals-visual-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-social-media-headline-font: var(--oev-font-style-body-small);
  --oev-comp-footer-social-media-headline-font-color: var(--oev-color-action-white);
  --oev-comp-footer-social-media-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-footer-social-media-disclaimer-font: var(--oev-font-style-body-small);
  --oev-comp-footer-social-media-disclaimer-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-footer-social-media-icon-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-copyright-link-color: var(--oev-color-action-white);
  --oev-comp-greeting-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-greeting-headline-font-style: var(--oev-font-style-h3);
  --oev-comp-greeting-signature-font-color: var(--oev-color-font-calligraphy);
  --oev-comp-greeting-signature-font-style: var(--oev-font-style-signature);
  --oev-comp-greeting-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-greeting-body-font-style: var(--oev-font-style-body);
  --oev-comp-greeting-caption-font-color: var(--oev-color-font-caption);
  --oev-comp-greeting-caption-font-style: var(--oev-font-style-caption);
  --oev-comp-greeting-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-greeting-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-greeting-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-greeting-gap-spacing-headline-body: var(--oev-sys-spacing-m);
  --oev-comp-greeting-gap-spacing-signature-caption: var(--oev-sys-spacing-xs);
  --oev-comp-grid-size-small-landscape: 52.5rem;
  --oev-comp-grid-size-medium: unset;
  --oev-comp-grid-size-large: 65rem;
  --oev-comp-grid-size-xl: 65rem;
  --oev-comp-grid-size-medium-horizontal-margin: var(--oev-ref-size-192);
  --oev-comp-grid-responsive-spacing-top-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-grid-responsive-gap: var(--oev-sys-spacing-m);
  --oev-comp-grid-container-card-view-border-color: var(--oev-color-gray-100);
  --oev-comp-grid-container-card-view-border-width: var(--oev-ref-size-01);
  --oev-comp-grid-container-card-view-border-radius: var(--oev-ref-radius-s);
  --oev-comp-grid-container-card-view-box-background: var(--oev-color-background-17);
  --oev-comp-grid-container-card-view-box-shadow: var(--oev-sys-elevation-level-1);
  --oev-comp-grid-container-card-view-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-grid-container-card-view-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-border-left-position: -1.25rem;
  --oev-comp-header-nav-border-width: 103%;
  --oev-comp-header-nav-header-burger-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-header-nav-header-logo-max-width: var(--oev-ref-size-160);
  --oev-comp-header-nav-header-logo-height-sl-xs: var(--oev-ref-size-48);
  --oev-comp-header-nav-header-logo-height-m-xl: var(--oev-ref-size-48);
  --oev-comp-header-nav-header-logo-space-top: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-left: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-align: var(--oev-ref-align-center);
  --oev-comp-header-nav-header-background-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-spacing-vertical: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-header-xl-m-spacing-horizontal: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-header-sl-xs-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-height: var(--oev-ref-size-72);
  --oev-comp-header-nav-header-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-sl-xs-height: var(--oev-ref-size-72);
  --oev-comp-header-nav-header-sl-xs-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-xl-m-height: var(--oev-ref-size-80);
  --oev-comp-header-nav-header-xl-m-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-icon-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-icon-color-hover: rgba(255, 255, 255, .7);
  --oev-comp-header-nav-header-utility-link-icon-color-active: rgba(255, 255, 255, .6);
  --oev-comp-header-nav-header-utility-link-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-textinput-height: var(--oev-ref-size-32);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-color: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-height: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-utility-link-textinput-placeholder-font-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-textinput-placeholder-font-color-hover: rgba(255, 255, 255, .7);
  --oev-comp-header-nav-header-utility-link-textinput-font-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-horizontal: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-left: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-header-nav-header-utility-link-textinput-icon-spacing-horizontal: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-advisor-max-width: 200px;
  --oev-comp-header-nav-header-utility-link-advisor-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-radius: var(--oev-ref-radius-xl);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-size: var(--oev-ref-size-02);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-font-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-font-color-hover: rgba(255, 255, 255, .7);
  --oev-comp-header-nav-header-utility-link-font-color-active: rgba(255, 255, 255, .6);
  --oev-comp-header-nav-header-utility-link-font-color-selected: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-header-utility-link-spacing: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-header-utility-link-divider-color: var(--oev-color-action-white);
  --oev-comp-header-nav-header-sl-xs-utility-bar-background-color: var(--oev-color-action-white);
  --oev-comp-header-nav-header-sl-xs-utility-bar-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-bar-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-divider-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-border-bottom-color: var(--oev-color-action-white);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-placeholder-font-color-default: var(--oev-color-font-placeholder);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-placeholder-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-nav-element-border-radius: var(--oev-ref-size-06);
  --oev-comp-header-nav-header-color-outline-focused: var(--oev-color-action-focus-on-dark);
  --oev-comp-header-nav-header-top-color-outline: var(--oev-color-action-focus-on-dark);
  --oev-comp-header-nav-bar-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-box-shadow: var(--oev-color-transparent);
  --oev-comp-header-nav-bar-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-bar-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-bar-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-bar-nav-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-bar-nav-link-icon-color-active: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-bar-nav-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-bar-nav-link-font-color-active: var(--oev-color-font-body-default);
  --oev-comp-header-nav-bar-nav-link-font-color-selected: var(--oev-color-font-body-default);
  --oev-comp-header-nav-bar-nav-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-bar-nav-link-spacing: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-bar-nav-link-padding-horizontal: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-bar-nav-link-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-border-size-selected-sl-xs: var(--oev-ref-size-02);
  --oev-comp-header-nav-bar-nav-link-border-size-selected-xl-m: var(--oev-ref-size-04);
  --oev-comp-header-nav-bar-nav-link-border-offset-bottom: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-bar-nav-link-selected-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-selected-border-bottom-size: var(--oev-ref-size-02);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-hover: var(--oev-color-background-14);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-selected: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-header-nav-flyout-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-header-nav-flyout-menu-level-2-border-left-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-menu-level-2-border-left-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-menu-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-background-color-depth-2: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-background-color-depth-3: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-headline-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-header-nav-flyout-menu-headline-font-color: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-headline-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-flyout-menu-headline-spacing-offset-left: var(--oev-sys-spacing-s);
  --oev-comp-header-nav-flyout-menu-headline-link-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-header-nav-flyout-menu-headline-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-selected: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-menu-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-link-font-color-selected: var(--oev-color-font-body-default);
  --oev-comp-header-nav-flyout-menu-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-link-background-color-hover: var(--oev-color-background-14);
  --oev-comp-header-nav-flyout-menu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-menu-link-background-color-selected: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-menu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-right: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-flyout-menu-spacing-top: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-flyout-menu-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-submenu-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-submenu-border-left-color: var(--oev-color-gray-50);
  --oev-comp-header-nav-flyout-submenu-border-left-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-submenu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-color-hover: var(--oev-color-background-14);
  --oev-comp-header-nav-flyout-submenu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-color-selected: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-color-selected-level-3: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-hover: var(--oev-color-background-14);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-active: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-selected: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-with-background-background-color: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-border-bottom-color: var(--oev-color-gray-200);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-border-bottom-color: var(--oev-color-gray-200);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-vertical: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-left-level-2: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-left-level-3: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-item-min-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-1-background-color: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-2-background-color: var(--oev-color-background-14);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-3-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-xl-m-menu-link-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-xl-m-menu-link-min-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-flyout-xl-m-menu-item-min-height: var(--oev-ref-size-40);
  --oev-comp-header-nav-flyout-xl-m-menu-headline-min-height: var(--oev-ref-size-40);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-vertical: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-offset-left: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-suggest-menu-headline-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-headline-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-suggest-menu-headline-color-default: var(--oev-color-gray-default);
  --oev-comp-suggest-menu-headline-background-color-default: var(--oev-color-background-01);
  --oev-comp-suggest-menu-headline-font-style: var(--oev-font-style-body);
  --oev-comp-suggest-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-suggest-menu-link-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-link-color-default: var(--oev-color-gray-default);
  --oev-comp-suggest-menu-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-suggest-menu-link-color-active: var(--oev-color-primary-active);
  --oev-comp-suggest-menu-link-color-selected: var(--oev-color-primary-default);
  --oev-comp-suggest-menu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-suggest-menu-link-background-color-hover: var(--oev-color-background-15);
  --oev-comp-suggest-menu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-suggest-menu-link-background-color-selected: var(--oev-color-background-15);
  --oev-comp-suggest-menu-link-font-style: var(--oev-font-style-body);
  --oev-comp-suggest-menu-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-headline-font-style-subheadline: var(--oev-font-style-subtitle-1);
  --oev-comp-headline-font-style-headline-1: var(--oev-font-style-h2);
  --oev-comp-headline-font-style-headline-2: var(--oev-font-style-h3);
  --oev-comp-headline-font-style-headline-3: var(--oev-font-style-h6);
  --oev-comp-headline-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-headline-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-headline-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-headline-subheadline-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-headline-subheadline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-headline-header-spacing-bottom: var(--oev-ref-spacing-08);
  --oev-comp-here-map-pin-icon-color-active: var(--oev-color-action-white);
  --oev-comp-here-map-pin-background-color-default: var(--oev-color-action-white);
  --oev-comp-here-map-pin-01-icon-color-default: var(--oev-color-gray-900);
  --oev-comp-here-map-pin-01-background-color-active: var(--oev-color-gray-900);
  --oev-comp-here-map-pin-02-icon-color-default: var(--oev-color-primary-600);
  --oev-comp-here-map-pin-02-background-color-active: var(--oev-color-primary-600);
  --oev-comp-here-map-pin-03-icon-color-default: var(--oev-color-gray-600);
  --oev-comp-here-map-pin-03-background-color-active: var(--oev-color-gray-600);
  --oev-comp-here-map-boundingbox-background-color: rgba(0, 0, 0, .1);
  --oev-comp-here-map-boundingbox-border-color: rgba(0, 0, 0, .2);
  --oev-comp-here-map-boundingbox-border-width: var(--oev-ref-size-02);
  --oev-comp-here-map-advisor-card-pointer-width: var(--oev-ref-size-16);
  --oev-comp-here-map-advisor-card-pointer-height: var(--oev-ref-size-08);
  --oev-comp-here-map-advisor-card-width: 336px;
  --oev-comp-here-map-advisor-card-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-here-map-infobox-spacing: var(--oev-sys-spacing-m);
  --oev-comp-here-map-infobox-gap: var(--oev-sys-spacing-m);
  --oev-comp-here-map-infobox-background-color: var(--oev-color-gray-100);
  --oev-comp-here-map-infobox-border-radius: 0;
  --oev-comp-here-map-infobox-icon-size: var(--oev-ref-size-20);
  --oev-comp-here-map-infobox-font-style: var(--oev-font-style-body-small);
  --oev-comp-here-map-infobox-font-color: var(--oev-color-font-body-small);
  --oev-comp-hero-image-width: var(--oev-ref-size-auto);
  --oev-comp-hero-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-hero-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-hero-card-elevation: var(--oev-sys-elevation-level-2);
  --oev-comp-hero-card-color-background: var(--oev-color-background-17);
  --oev-comp-hero-card-headline-color: var(--oev-color-font-h1);
  --oev-comp-hero-card-headline-font-style: var(--oev-font-style-h1);
  --oev-comp-hero-card-headline-font-weight: var(--oev-font-weight-h1);
  --oev-comp-hero-card-headline-font-size-l-xl: var(--oev-font-size-h1);
  --oev-comp-hero-card-headline-variant-font-weight: var(--oev-font-weight-h1);
  --oev-comp-hero-card-headline-variant-font-size-l-xl: var(--oev-font-size-h1);
  --oev-comp-hero-card-subheadline-color: var(--oev-color-font-h2);
  --oev-comp-hero-card-subheadline-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-hero-card-subtitle-font-weight: var(--oev-font-weight-regular);
  --oev-comp-hero-card-body-font-style: var(--oev-font-style-body);
  --oev-comp-icon-color-token: var(--oev-color-primary-default);
  --oev-comp-icon-size-20: var(--oev-ref-size-20);
  --oev-comp-icon-size-40: var(--oev-ref-size-40);
  --oev-comp-icon-size-x-small: var(--oev-ref-size-12);
  --oev-comp-icon-size-small: var(--oev-ref-size-16);
  --oev-comp-icon-size-medium: var(--oev-ref-size-24);
  --oev-comp-icon-size-large: var(--oev-ref-size-32);
  --oev-comp-icon-size-x-large: var(--oev-ref-size-48);
  --oev-comp-icon-size-default: var(--oev-comp-icon-size-medium);
  --oev-icon-check-filled: "\ebbd";
  --oev-icon-remove-filled: "\f4ae";
  --oev-icon-info-outlined: "\f03f";
  --oev-icon-close-filled: "\ebdf";
  --oev-icon-arrow-downward-filled: "\ea11";
  --oev-icon-arrow-back-filled: "\ea03";
  --oev-icon-arrow-forward-filled: "\ea19";
  --oev-icon-arrow-upward-filled: "\ea23";
  --oev-icon-calendar-today-filled: "\eb45";
  --oev-icon-chevron-down-filled: "\f095";
  --oev-icon-chevron-left-filled: "\ebc5";
  --oev-icon-chevron-left-outlined: "\ebc6";
  --oev-icon-chevron-right-filled: "\f099";
  --oev-icon-chevron-right-outlined: "\ebc8";
  --oev-icon-chevron-right: "\ebc7";
  --oev-icon-chevron-up-filled: "\f09b";
  --oev-icon-arrow-back-ios-filled: "\ea04";
  --oev-icon-arrow-forward-ios-filled: "\ea1a";
  --oev-icon-expand-more-filled: "\ee01";
  --oev-icon-expand-more-outlined: "\ee02";
  --oev-icon-expand-less-filled: "\edff";
  --oev-icon-calendar-outlined: "\edf5";
  --oev-icon-check-outlined: "\ebbe";
  --oev-icon-hamburger-filled: "\f1cf";
  --oev-icon-question-mark-filled: "\f464";
  --oev-icon-download-filled: "\ed63";
  --oev-icon-insert-drive-file-outlined: "\f049";
  --oev-icon-file-download-outlined: "\ee54";
  --oev-icon-file-filled: "\f048";
  --oev-icon-open-in-new-outlined: "\f309";
  --oev-icon-search-filled: "\f568";
  --oev-icon-search-outlined: "\f56b";
  --oev-icon-person-filled: "\f382";
  --oev-icon-person-outlined: "\f387";
  --oev-icon-location-on-outlined: "\f160";
  --oev-icon-location-pin-filled: "\f161";
  --oev-icon-info-filled: "\f03d";
  --oev-icon-info: "\f03f";
  --oev-icon-edit-location-outlined: "\ed9c";
  --oev-icon-mylocation-filled: "\f269";
  --oev-icon-mylocation-outlined: "\f26a";
  --oev-icon-task-alt-black-filled: "\f775";
  --oev-icon-phone-outlined: "\f146";
  --oev-icon-mobile-phone-outlined: "\f639";
  --oev-icon-video-with-person: "\f863";
  --oev-icon-email-outlined: "\edc1";
  --oev-icon-whatsapp-outlined: "\f8fd";
  --oev-icon-facebook: "\f94b";
  --oev-icon-instagram: "\f94c";
  --oev-icon-xing: "\f953";
  --oev-icon-twitter: "\f951";
  --oev-icon-x: "\f951";
  --oev-icon-linkedin: "\f94e";
  --oev-icon-youtube: "\f954";
  --oev-icon-tiktok: "\f7b7";
  --oev-icon-cancel-outlined: "\eb74";
  --oev-icon-exclamation-mark-outline: "\ede1";
  --oev-icon-upload-arrow: "\ee5a";
  --oev-icon-upload-cloud: "\ebf8";
  --oev-icon-trashcan: "\ecbc";
  --oev-icon-warning-outlined: "\f8c5";
  --oev-icon-awesome-outlined: "\ea59";
  --oev-icon-like-outlined: "\ee2f";
  --oev-icon-share-outlined: "\f5c9";
  --oev-icon-bell-outlined: "\f2e9";
  --oev-icon-remove-red-eye-filled: "\f4b4";
  --oev-icon-remove-red-eye-outlined: "\f4b5";
  --oev-icon-home-outlined: "\eff4";
  --oev-icon-home-filled: "\efee";
  --oev-icon-home-filled-2: "\efef";
  --oev-icon-arrow-right-outlined: "\ea22";
  --oev-icon-number-0: "\f97d";
  --oev-icon-number-1: "\f97e";
  --oev-icon-number-2: "\f97f";
  --oev-icon-number-3: "\f980";
  --oev-icon-number-4: "\f981";
  --oev-icon-number-5: "\f982";
  --oev-icon-number-6: "\f983";
  --oev-icon-number-7: "\f984";
  --oev-icon-number-8: "\f985";
  --oev-icon-number-9: "\f986";
  --oev-icon-list-default: var(--oev-icon-check-outlined);
  --oev-icon-placeholder: var(--oev-icon-search-outlined);
  --oev-icon-placeholder-1: var(--oev-icon-placeholder);
  --oev-icon-placeholder-2: var(--oev-icon-person-outlined);
  --oev-icon-placeholder-3: var(--oev-icon-mylocation-outlined);
  --oev-icon-location-outlined: var(--oev-icon-location-on-outlined);
  --oev-icon-active-placeholder: var(--oev-icon-search-filled);
  --oev-icon-active-placeholder-1: var(--oev-icon-active-placeholder);
  --oev-icon-active-placeholder-2: var(--oev-icon-person-filled);
  --oev-icon-active-placeholder-3: var(--oev-icon-mylocation-outlined);
  --oev-icon-active-location-outlined: var(--oev-icon-location-pin-filled);
  --oev-icon-comp-tooltip-label: "\f03f";
  --oev-icon-comp-datepicker-field: var(--oev-icon-calendar-today-filled);
  --oev-icon-comp-datepicker-picker-arrow-left: var(--oev-icon-chevron-left-outlined);
  --oev-icon-comp-datepicker-picker-arrow-right: var(--oev-icon-chevron-right-outlined);
  --oev-icon-comp-datepicker-expand-arrow: var(--oev-icon-expand-more-outlined);
  --oev-icon-comp-datepicker-calendar: var(--oev-icon-calendar-outlined);
  --oev-icon-comp-dropdown-arrow: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-textinput-error-x: var(--oev-icon-close-filled);
  --oev-icon-comp-textinput-success: var(--oev-icon-check-filled);
  --oev-icon-comp-checkbox-check: var(--oev-icon-check-filled);
  --oev-icon-comp-dropdown-success: var(--oev-icon-check-filled);
  --oev-icon-comp-dropdown-error: var(--oev-icon-close-filled);
  --oev-icon-comp-dropdown-close-result: var(--oev-icon-close-filled);
  --oev-icon-comp-dropdown-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tarifanzeige-open: var(--oev-icon-info-filled);
  --oev-icon-comp-tarifanzeige-close: var(--oev-icon-close-filled);
  --oev-icon-comp-tarifanzeige-service-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tarifanzeige-secondary-text-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-tarifanzeige-secondary-text-close: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-menu-hamburger: "\f1d2";
  --oev-icon-comp-menu-close: "\ebe2";
  --oev-icon-comp-menu-accordion-open: var(--oev-icon-comp-accordion-open);
  --oev-icon-comp-menu-accordion-closed: var(--oev-icon-comp-accordion-closed);
  --oev-icon-comp-menu-crosslink: var(--oev-icon-arrow-forward-filled);
  --oev-icon-comp-slider-prev: "\f95e";
  --oev-icon-comp-slider-next: "\f960";
  --oev-icon-comp-accordion-open: "\f096";
  --oev-icon-comp-accordion-closed: "\f09c";
  --oev-icon-comp-download: "\ee54";
  --oev-icon-comp-download-file: var(--oev-icon-insert-drive-file-outlined);
  --oev-icon-comp-open-file: var(--oev-icon-open-in-new-outlined);
  --oev-icon-comp-download-cancel: var(--oev-icon-close-filled);
  --oev-icon-comp-flipcard-arrow-right: "\ebc8";
  --oev-icon-comp-link-arrow-right: var(--oev-icon-chevron-right-outlined);
  --oev-icon-comp-read-more-arrow-down: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-interaction-like: var(--oev-icon-like-outlined);
  --oev-icon-comp-interaction-share: var(--oev-icon-share-outlined);
  --oev-icon-comp-bell: var(--oev-icon-bell-outlined);
  --oev-icon-comp-nested-header-back: var(--oev-icon-arrow-back-ios-filled);
  --oev-icon-comp-upload-error: var(--oev-icon-exclamation-mark-outline);
  --oev-icon-comp-upload-arrow: var(--oev-icon-upload-arrow);
  --oev-icon-comp-upload-cloud: var(--oev-icon-upload-cloud);
  --oev-icon-comp-upload-trash: var(--oev-icon-trashcan);
  --oev-icon-comp-tariff-comparison-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tariff-comparison-remove: var(--oev-icon-remove-filled);
  --oev-icon-comp-tooltip-icon: var(--oev-icon-info-outlined);
  --oev-icon-comp-password-icon-show: var(--oev-icon-remove-red-eye-filled);
  --oev-icon-comp-password-icon-hide: var(--oev-icon-remove-red-eye-outlined);
  --oev-icon-comp-agency-search-input-clear: var(--oev-icon-close-filled);
  --oev-icon-comp-tooltip-label-hover: "\f03d";
  --oev-comp-info-box-headline-font-size: var(--oev-font-size-h4);
  --oev-comp-info-box-headline-font-weight: var(--oev-font-weight-label);
  --oev-comp-info-box-headline-line-height: var(--oev-line-height-default);
  --oev-comp-info-box-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-info-box-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-info-box-background-color: var(--oev-color-gray-50);
  --oev-comp-info-box-icon-color: var(--oev-color-primary-default);
  --oev-comp-info-box-border-radius: var(--oev-ref-radius-none);
  --oev-comp-info-box-spacing: var(--oev-sys-spacing-l);
  --oev-comp-interactive-tooltip-container-background-color-default: var(--oev-color-primary-default);
  --oev-comp-interactive-tooltip-container-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-interactive-tooltip-container-headline-font-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-container-content-font-style: var(--oev-font-style-body-small);
  --oev-comp-interactive-tooltip-container-content-font-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-container-spacing-left-right: var(--oev-sys-spacing-xl-2);
  --oev-comp-interactive-tooltip-container-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-interactive-tooltip-outline-container-background-color-default: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-outline-container-font-color: var(--oev-color-font-body-default);
  --oev-comp-interactive-tooltip-accordion-background-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-accordion-header-font-style: var(--oev-font-style-body);
  --oev-comp-interactive-tooltip-accordion-header-font-color: var(--oev-color-primary-default);
  --oev-comp-interactive-tooltip-accordion-header-font-weight: 400;
  --oev-comp-interactive-tooltip-accordion-header-icon-color: var(--oev-color-primary-default);
  --oev-comp-interactive-tooltip-accordion-header-open-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-interactive-tooltip-accordion-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-interactive-tooltip-accordion-spacing-left-right: var(--oev-sys-spacing-xl-2);
  --oev-comp-interactive-tooltip-outline-accordion-background-color: var(--oev-color-gray-100);
  --oev-comp-interactive-tooltip-icon-color: var(--oev-color-gray-default);
  --oev-comp-interactive-tooltip-border-radius: var(--oev-ref-radius-none);
  --oev-comp-job-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-job-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-job-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-job-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-job-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-job-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-job-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-job-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-job-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-job-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-job-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-job-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-job-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-job-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-job-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-job-card-header-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-job-card-header-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-job-card-job-offers-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-job-card-job-offers-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-job-card-job-offers-indented-spacing: var(--oev-sys-spacing-m);
  --oev-comp-job-card-job-offers-gap: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-button-outlined-background-color: var(--oev-color-background-17);
  --oev-comp-level-navigation-headline-1-font-style: var(--oev-font-style-h2);
  --oev-comp-level-navigation-headline-2-font-style: var(--oev-font-style-h3);
  --oev-comp-level-navigation-level-1-background-color: var(--oev-color-background-17);
  --oev-comp-level-navigation-level-1-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-1-button-size: var(--oev-ref-size-96);
  --oev-comp-level-navigation-level-1-button-label-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-1-button-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-level-navigation-level-1-button-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-level-navigation-level-1-spacing-top-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-1-spacing-top-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-1-spacing-bottom-sl-xs: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-1-spacing-bottom-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-2-background-color: var(--oev-color-background-15);
  --oev-comp-level-navigation-level-2-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-2-button-size: var(--oev-ref-size-64);
  --oev-comp-level-navigation-level-2-button-label-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-level-navigation-level-2-button-icon-size-default: var(--oev-ref-size-24);
  --oev-comp-level-navigation-level-2-button-icon-size-active: var(--oev-ref-size-40);
  --oev-comp-level-navigation-level-2-spacing-top-sl-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-spacing-top-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-spacing-bottom-sl-xs: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-2-spacing-bottom-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-3-background-color: var(--oev-color-background-14);
  --oev-comp-level-navigation-level-3-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-3-button-size: var(--oev-ref-size-64);
  --oev-comp-level-navigation-level-3-button-label-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-level-navigation-level-3-button-icon-size-default: var(--oev-ref-size-24);
  --oev-comp-level-navigation-level-3-button-icon-size-active: var(--oev-ref-size-40);
  --oev-comp-level-navigation-level-3-spacing-top-sl-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-spacing-top-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-spacing-bottom-sl-xs: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-3-spacing-bottom-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-list-item-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-list-item-body-font-style: var(--oev-font-style-body);
  --oev-comp-list-item-icon-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-list-item-spacing-vertical: var(--oev-sys-spacing-m);
  --oev-comp-list-background-color-hover: var(--oev-color-transparent);
  --oev-comp-list-bullet-margin-right: 0.375rem;
  --oev-comp-list-bullet-margin-left: -0.8rem;
  --oev-comp-list-bullet-font-size: 0.75rem;
  --oev-comp-list-figure-margin-right: 0.188rem;
  --oev-comp-list-figure-margin-left: -1.063rem;
  --oev-comp-loading-indicators-bar-color: var(--oev-color-primary-default);
  --oev-comp-loading-indicators-bar-background-color: var(--oev-color-background-white);
  --oev-comp-loading-indicators-bar-height: var(--oev-ref-size-06);
  --oev-comp-loading-indicators-bar-border-radius: var(--oev-ref-radius-l);
  --oev-comp-loading-indicators-ring-color: var(--oev-color-primary-default);
  --oev-comp-loading-indicators-spinner-color: var(--oev-color-primary-default);
  --oev-comp-progress-tabs-border-bottom-color-current: var(--oev-color-primary-default);
  --oev-comp-progress-tabs-border-bottom-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progress-tabs-border-bottom-color-active: var(--oev-color-action-black);
  --oev-comp-progress-tabs-border-bottom-color-previous: var(--oev-color-primary-default);
  --oev-comp-progress-tabs-border-bottom-color-next: var(--oev-color-gray-300);
  --oev-comp-progress-tabs-current-triangle-width: var(--oev-ref-size-16);
  --oev-comp-progress-tabs-current-triangle-height: var(--oev-ref-size-08);
  --oev-comp-progress-tabs-font-color-current: var(--oev-color-primary-default);
  --oev-comp-progress-tabs-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progress-tabs-font-color-focus: var(--oev-color-action-black);
  --oev-comp-progress-tabs-font-color-previous: var(--oev-color-gray-600);
  --oev-comp-progress-tabs-font-color-next: var(--oev-color-gray-600);
  --oev-comp-progress-tabs-font-spacing-bottom-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-progress-tabs-font-spacing-bottom-m-xl: var(--oev-sys-spacing-s);
  --oev-comp-progress-tabs-font-spacing-sides-xs-s: var(--oev-sys-spacing-xxs);
  --oev-comp-progress-tabs-font-spacing-sides-m-xl: var(--oev-sys-spacing-xs);
  --oev-comp-progress-tabs-font-style-xs-s: var(--oev-font-style-link);
  --oev-comp-progress-tabs-font-style-m-xl: var(--oev-font-style-link);
  --oev-comp-progress-tabs-font-max-lines-xs-s: 3;
  --oev-comp-progress-tabs-font-max-lines-m-xl: 2;
  --oev-comp-progressbar-onsite-background-color: var(--oev-color-background-17);
  --oev-comp-progressbar-sticky-background-color: var(--oev-color-background-17);
  --oev-comp-progressbar-sticky-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-progressbar-sticky-box-spacing-top-bottom-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-progressbar-sticky-box-spacing-top-bottom-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-progressbar-sticky-box-spacing-left-right-xs: var(--oev-sys-spacing-m);
  --oev-comp-progressbar-sticky-box-spacing-left-right-s-xl: var(--oev-sys-spacing-none);
  --oev-comp-progressbar-inline-box-spacing-top-bottom-xs-s: var(--oev-sys-spacing-xl-1);
  --oev-comp-progressbar-inline-box-spacing-top-bottom-m-xl: var(--oev-sys-spacing-xl-4);
  --oev-comp-progressbar-bar-color-active: var(--oev-color-primary-default);
  --oev-comp-progressbar-bar-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progressbar-bar-color-next: var(--oev-color-gray-500);
  --oev-comp-progressbar-bar-point-size: var(--oev-ref-size-12);
  --oev-comp-progressbar-bar-point-spacing-bottom: var(--oev-ref-spacing-01);
  --oev-comp-progressbar-bar-line-width: var(--oev-ref-size-02);
  --oev-comp-progressbar-label-color-active: var(--oev-color-primary-default);
  --oev-comp-progressbar-label-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progressbar-label-color-next: var(--oev-color-font-body-default);
  --oev-comp-progressbar-label-spacing-bottom: var(--oev-ref-spacing-20);
  --oev-comp-progressbar-label-spacing-left-right-xs: var(--oev-sys-spacing-xxs);
  --oev-comp-progressbar-label-font-style-xs: var(--oev-font-style-link-small);
  --oev-comp-progressbar-label-font-style-s-xl: var(--oev-font-style-link);
  --oev-comp-read-more-border-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-read-more-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-read-more-spacing-bottom: var(--oev-sys-spacing-none);
  --oev-comp-search-bar-border-radius-top-left: var(--oev-ref-radius-none);
  --oev-comp-search-bar-border-radius-top-right: var(--oev-ref-radius-s);
  --oev-comp-search-bar-border-radius-bottom-left: var(--oev-ref-radius-none);
  --oev-comp-search-bar-border-radius-bottom-right: var(--oev-ref-radius-s);
  --oev-comp-search-bar-error-font-style: var(--oev-font-style-error);
  --oev-comp-search-bar-error-font-color: var(--oev-color-action-error);
  --oev-comp-search-bar-errorbox-margin-top: var(--oev-sys-spacing-xxs);
  --oev-comp-stage-card-subtitle-font-weight: var(--oev-font-weight-regular);
  --oev-comp-step-display-spacing-top-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-top-m-xl: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-bottom-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-bottom-m-xl: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-gap-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-step-display-spacing-gap-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-step-display-step-item-connector-width: var(--oev-ref-size-04);
  --oev-comp-step-display-step-item-spacing-gap-vertical-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-spacing-gap-vertical-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-step-display-step-item-spacing-gap-horizontal-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-spacing-gap-horizontal-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-circle-size-xs-s: var(--oev-ref-size-48);
  --oev-comp-step-display-step-item-circle-size-m-xl: var(--oev-ref-size-56);
  --oev-comp-step-display-step-item-circle-default-icon-color: var(--oev-color-secondary-default);
  --oev-comp-step-display-step-item-circle-default-border-color: var(--oev-color-secondary-default);
  --oev-comp-step-display-step-item-circle-default-connector-color: var(--oev-comp-step-display-step-item-circle-default-border-color);
  --oev-comp-step-display-step-item-circle-default-background-color: var(--oev-color-background-17);
  --oev-comp-step-display-step-item-circle-completed-icon-color: var(--oev-color-action-white);
  --oev-comp-step-display-step-item-circle-completed-border-color: var(--oev-color-action-success);
  --oev-comp-step-display-step-item-circle-completed-connector-color: var(--oev-comp-step-display-step-item-circle-completed-border-color);
  --oev-comp-step-display-step-item-circle-completed-background-color: var(--oev-color-action-success);
  --oev-comp-step-display-step-item-content-headline-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-step-display-step-item-content-text-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-max-width: 75rem;
  --oev-comp-sticky-footer-flex-direction-xs-s: column;
  --oev-comp-sticky-footer-flex-direction-m-xl: row;
  --oev-comp-sticky-footer-label-font-style: var(--oev-font-style-link);
  --oev-comp-sticky-footer-label-color-default: var(--oev-color-gray-default);
  --oev-comp-sticky-footer-label-color-hover: var(--oev-color-primary-hover);
  --oev-comp-sticky-footer-label-color-active: var(--oev-color-primary-active);
  --oev-comp-sticky-footer-label-color-focus: var(--oev-color-primary-hover);
  --oev-comp-sticky-footer-label-color-selected: var(--oev-color-primary-default);
  --oev-comp-sticky-footer-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-sticky-footer-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-sticky-footer-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-sticky-footer-icon-color-focus: var(--oev-color-primary-hover);
  --oev-comp-sticky-footer-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-sticky-footer-icon-label-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-color-background-default: var(--oev-color-action-white);
  --oev-comp-sticky-footer-color-background-hover: var(--oev-color-gray-100);
  --oev-comp-sticky-footer-color-background-active: var(--oev-color-gray-50);
  --oev-comp-sticky-footer-color-outline-focus: var(--oev-color-primary-hover);
  --oev-comp-sticky-footer-spacing-top-xs-sl: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-spacing-bottom-xs-sl: var(--oev-sys-spacing-s);
  --oev-comp-sticky-footer-spacing-horizontal-xs-sl: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-spacing-horizontal-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-spacing-vertical-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-sticky-footer-outline-focus-width: var(--oev-ref-size-01);
  --oev-comp-form-summary-background-color: var(--oev-color-background-17);
  --oev-comp-form-summary-header-gap-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-form-summary-spacing-gap-xs-s: var(--oev-sys-spacing-xl-3);
  --oev-comp-form-summary-spacing-gap-m-xl: var(--oev-sys-spacing-xl-5);
  --oev-comp-form-summary-data-section-gap-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-font-style-label: var(--oev-font-style-body);
  --oev-comp-table-row-font-style-value: var(--oev-font-style-link);
  --oev-comp-table-row-font-color-label: var(--oev-color-font-body-default);
  --oev-comp-table-row-font-color-value: var(--oev-color-font-body-default);
  --oev-comp-table-row-font-weight-value: var(--oev-font-weight-bold);
  --oev-comp-table-row-spacing-left-right: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-spacing-top-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-background-color-default: var(--oev-color-background-17);
  --oev-comp-table-row-background-color-alternate: var(--oev-color-background-14);
  --oev-comp-table-row-border-color: var(--oev-color-gray-300);
  --oev-comp-table-row-border-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-headline-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-tariff-comparison-header-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-header-border-color: var(--oev-color-transparent);
  --oev-comp-tariff-comparison-header-border-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-border-radius: var(--oev-ref-radius-none);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-header-overline-offset-top: 90%;
  --oev-comp-tariff-comparison-header-overline-highlighted-offset-top: 30%;
  --oev-comp-tariff-comparison-header-overline-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-header-overline-border-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-header-overline-border-color: var(--oev-color-primary-default);
  --oev-comp-tariff-comparison-header-overline-font-color: var(--oev-color-primary-default);
  --oev-comp-tariff-comparison-header-overline-text-spacing-left-right: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-overline-text-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-overline-font-style-xs: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-overline-font-style-s-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-overline-shadow: var(--oev-sys-box-shadow-none);
  --oev-comp-tariff-comparison-header-tariff-name-color-background: var(--oev-color-gray-600);
  --oev-comp-tariff-comparison-header-tariff-name-visible-color-background-x-small: var(--oev-color-gray-700);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-color-background: var(--oev-color-primary-600);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-font-color: var(--oev-comp-tariff-comparison-header-tariff-name-font-color);
  --oev-comp-tariff-comparison-header-tariff-name-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-tariff-name-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-header-price-container-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-price-container-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-header-price-container-highlighted-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-header-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-header-tariff-price-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-header-tariff-price-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-xs-s: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-m-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-tariff-price-period-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-subline-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-header-visible-tariff-price-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-subline-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-color-background-x-small: var(--oev-color-gray-700);
  --oev-comp-tariff-comparison-header-visible-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-highlighted-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-arrow-container-border-color-x-small: var(--oev-color-gray-700);
  --oev-comp-tariff-comparison-content-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-content-tariffgroup-name-color-background: var(--oev-color-gray-50);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-style: var(--oev-font-style-link);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-content-tariffgroup-name-tooltip-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-open: var(--oev-color-gray-default);
  --oev-comp-tariff-comparison-content-tariffrow-color-background-hover: var(--oev-color-gray-50);
  --oev-comp-tariff-comparison-content-tariffrow-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-style: var(--oev-font-style-body);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-check-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-remove-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-yes: var(--oev-icon-check-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-no: var(--oev-icon-remove-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-1: var(--oev-sys-spacing-xl-1);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-2: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-name-module-group-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-content-container-spacing-top: var(--oev-ref-spacing-20);
  --oev-comp-tariff-comparison-content-container-spacing-gap: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-footer-tarifffooter-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-tarifffooter-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-footer-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-tariff-price-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-footer-anchoring-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-anchoring-font-color: var(--oev-color-font-h5);
  --oev-comp-tariff-comparison-footer-anchoring-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-container-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-footer-anchoring-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-width: var(--oev-ref-size-02);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-footer-subline-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-footer-subline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-button-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tile-item-border-color-default: var(--oev-color-gray-default);
  --oev-comp-tile-item-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tile-item-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-tile-item-border-color-active: var(--oev-color-primary-active);
  --oev-comp-tile-item-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-tile-item-border-color-focus: var(--oev-color-action-focus-on-light);
  --oev-comp-tile-item-border-width-default: var(--oev-ref-size-01);
  --oev-comp-tile-item-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-tile-item-border-radius: var(--oev-ref-radius-s);
  --oev-comp-tile-item-icon-background-color-checked: var(--oev-color-primary-default);
  --oev-comp-tile-item-icon-size-default: var(--oev-font-size-xl-1);
  --oev-comp-tile-item-icon-size-checked: var(--oev-comp-icon-size-medium);
  --oev-comp-tile-item-icon-size-label: var(--oev-comp-icon-size-x-large);
  --oev-comp-tile-item-icon-checked-spacing: var(--oev-ref-spacing-08);
  --oev-comp-tile-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-tile-item-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-tile-item-font-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-tile-item-font-color-active: var(--oev-color-gray-active);
  --oev-comp-tile-item-font-color-selected: var(--oev-color-gray-default);
  --oev-comp-tile-item-font-color-focus: var(--oev-color-gray-default);
  --oev-comp-tile-item-font-style: var(--oev-font-style-body);
  --oev-comp-tile-item-background-color-default: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-hover: var(--oev-color-gray-100);
  --oev-comp-tile-item-background-color-disabled: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-active: var(--oev-color-gray-100);
  --oev-comp-tile-item-background-color-selected: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-focus: var(--oev-color-background-17);
  --oev-comp-tile-item-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tile-item-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tile-item-label-max-height: var(--oev-ref-size-72);
  --oev-comp-tiles-gap-spacing-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-tiles-gap-spacing-sl-xs: var(--oev-sys-spacing-m);
  --oev-comp-tiles-error-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-tiles-error-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-tiles-font-color-error: var(--oev-color-font-error);
  --oev-comp-tiles-font-style-error: var(--oev-font-style-error);
  --oev-comp-tooltip-icon-content: var(--oev-icon-info-outlined);
  --oev-comp-tooltip-icon-size: var(--oev-comp-icon-size-20);
  --oev-comp-tooltip-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-tooltip-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tooltip-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-tooltip-icon-color-focus: var(--oev-color-primary-focus);
  --oev-comp-tooltip-content-background-color-default: var(--oev-color-background-17);
  --oev-comp-tooltip-content-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tooltip-content-font-style: var(--oev-font-style-body);
  --oev-comp-tooltip-content-font-color: var(--oev-color-font-body-default);
  --oev-comp-tooltip-content-border-radius: var(--oev-ref-radius-s);
  --oev-comp-tooltip-content-border-color: var(--oev-color-gray-300);
  --oev-comp-tooltip-content-link-text-decoration: underline;
  --oev-comp-tooltip-content-link-color-default: var(--oev-color-primary-default);
  --oev-comp-tooltip-content-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tooltip-content-link-color-active: var(--oev-color-primary-active);
  --oev-comp-tooltip-content-link-color-focus: var(--oev-color-primary-focus);
  --oev-comp-tooltip-content-link-color-visited: var(--oev-color-font-link);
  --oev-comp-tooltip-content-icon-close-content: var(--oev-icon-close-filled);
  --oev-comp-tooltip-content-icon-close-size: var(--oev-comp-icon-size-20);
  --oev-comp-tooltip-content-icon-close-color-default: var(--oev-color-gray-default);
  --oev-comp-tooltip-content-icon-close-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tooltip-content-icon-close-color-active: var(--oev-color-primary-active);
  --oev-comp-tooltip-content-icon-close-color-focus: var(--oev-color-primary-focus);
  --oev-comp-tooltip-pointer-width: var(--oev-ref-size-16);
  --oev-comp-tooltip-pointer-height: var(--oev-ref-size-08);
  --oev-comp-tooltip-pointer-border-color: var(--oev-color-action-white);
  --oev-comp-tooltip-modal-background-color-default: var(--oev-color-background-17);
  --oev-comp-tooltip-modal-background-darkening-color-default: var(--oev-color-action-black);
  --oev-comp-tooltip-modal-background-darkening-opacity: var(--oev-ref-opacity-20);
  --oev-comp-tooltip-modal-font-color: var(--oev-color-font-body-default);
  --oev-comp-tooltip-modal-font-style: var(--oev-font-style-body);
  --oev-comp-tooltip-modal-border-radius-top: var(--oev-ref-radius-none);
  --oev-comp-tooltip-modal-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tooltip-modal-footer-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-upload-background-color: var(--oev-color-background-14);
  --oev-comp-upload-border-radius: var(--oev-ref-radius-m);
  --oev-comp-upload-error-color: var(--oev-color-action-error);
  --oev-comp-upload-error-font-style: var(--oev-font-style-error);
  --oev-comp-upload-spacing-top-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-upload-spacing-top-s-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-upload-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-upload-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-border-svg-default: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23B7B7B7FF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-border-svg-drag-and-drop: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%235C5C5CFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-border-svg-active: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%235C5C5CFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-headline-color: var(--oev-color-font-h6);
  --oev-comp-upload-headline-drag-and-drop-color: var(--oev-color-gray-400);
  --oev-comp-upload-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-upload-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-description-font-style: var(--oev-font-style-body-small);
  --oev-comp-upload-description-color: var(--oev-color-font-body-default);
  --oev-comp-upload-description-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-description-drag-and-drop-color: var(--oev-color-gray-400);
  --oev-comp-upload-status-background-color: var(--oev-color-gray-50);
  --oev-comp-upload-status-bar-color: var(--oev-color-action-white);
  --oev-comp-upload-status-bar-filling-color: var(--oev-color-primary-default);
  --oev-comp-upload-status-icon-cross-color: var(--oev-color-action-error);
  --oev-comp-upload-status-icon-trash-color: var(--oev-color-secondary-800);
  --oev-comp-upload-status-icon-color-default: var(--oev-color-secondary-800);
  --oev-comp-upload-status-icon-color-hover: var(--oev-color-gray-hover);
  --oev-comp-upload-status-icon-color-active: var(--oev-color-gray-active);
  --oev-comp-upload-status-icon-color-error: var(--oev-color-action-error);
  --oev-comp-upload-status-icon-border-color: #777;
  --oev-comp-upload-status-filename-color: var(--oev-color-font-body-default);
  --oev-comp-upload-status-filename-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-status-percent-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-status-percent-color: var(--oev-color-action-info);
  --oev-comp-upload-status-error-color: var(--oev-color-action-error);
  --oev-comp-upload-status-error-font-style: var(--oev-font-style-error);
  --oev-comp-upload-status-success-color: var(--oev-color-action-success);
  --oev-comp-upload-status-spacing-default: var(--oev-sys-spacing-m);
  --oev-comp-upload-status-spacing-between: var(--oev-sys-spacing-xs);
  --oev-ref-opacity-0: 0;
  --oev-ref-opacity-10: .1;
  --oev-ref-opacity-20: .2;
  --oev-ref-opacity-30: .3;
  --oev-ref-opacity-40: .4;
  --oev-ref-opacity-50: .5;
  --oev-ref-opacity-60: .6;
  --oev-ref-opacity-70: .7;
  --oev-ref-opacity-80: .8;
  --oev-ref-opacity-90: .9;
  --oev-ref-opacity-100: 1;
  --oev-ref-z-index-1: 1;
  --oev-ref-z-index-5: 5;
  --oev-ref-z-index-10: 10;
  --oev-ref-z-index-15: 15;
  --oev-ref-z-index-20: 20;
  --oev-ref-z-index-30: 30;
  --oev-ref-z-index-40: 40;
  --oev-ref-z-index-45: 45;
  --oev-ref-z-index-50: 50;
  --oev-ref-z-index-60: 60;
  --oev-ref-z-index-70: 70;
  --oev-ref-z-index-80: 80;
  --oev-ref-z-index-90: 90;
  --oev-ref-z-index-100: 100;
  --oev-ref-z-index-105: 105;
  --oev-ref-z-index-negative: -1;
  --oev-ref-align-top: flex-start;
  --oev-ref-align-center: center;
  --oev-ref-align-bottom: baseline;
  --oev-sys-focus-visible-border-color: var(--oev-color-focus-visible-outline);
  --oev-sys-focus-visible-border-radius: var(--oev-ref-radius-06);
  --oev-sys-focus-visible-outline-width: 100%;
  --oev-sys-focus-visible-outline-height-changer: var(--oev-ref-spacing-12);
  --oev-sys-focus-visible-left-offset: -4px;
  --oev-sys-focus-visible-padding: 2px 4px;
  --oev-ref-radius-24: var(--oev-ref-size-24);
  --oev-ref-radius-32: var(--oev-ref-size-32);
  --oev-ref-radius-50: var(--oev-ref-size-50);
  --oev-ref-radius-none: 0;
  --oev-ref-radius-s: 0.25rem;
  --oev-ref-radius-m: 0.5rem;
  --oev-ref-radius-l: 1rem;
  --oev-ref-radius-xl: 50%;
  --oev-ref-radius-03: var(--oev-ref-size-03);
  --oev-ref-radius-06: var(--oev-ref-size-06);
  --oev-sys-box-shadow-0: 0 0 0 #00000016;
  --oev-sys-box-shadow-1: 0 0.063rem 0.125rem #00000016;
  --oev-sys-box-shadow-2: 0 0.125rem 0.375rem #00000016;
  --oev-sys-box-shadow-3: 0 0.375rem 0.75rem #00000016;
  --oev-sys-box-shadow-4: 0 0.75rem 1.5rem #00000016;
  --oev-ref-box-shadow-default: 0 0.1875rem 0.625rem #00000029;
  --oev-ref-box-shadow-hover: 0 0.125rem 0.375rem #00000029;
  --oev-ref-box-shadow-pressed: 0 0.0625rem 0.1875rem #00000029;
  --oev-ref-box-shadow-dragged: 0 0 0.75rem #00000029;
  --oev-ref-box-shadow-disabled: 0 0.0625rem 0.25rem #00000015;
  --oev-sys-box-shadow-none: none;
  --oev-sys-elevation-level-0: 0 0 0 #00000029;
  --oev-sys-elevation-level-1: 0 0.063rem 0.125rem #00000029;
  --oev-sys-elevation-level-2: 0 0.188rem 0.375rem #00000029;
  --oev-sys-elevation-level-3: 0 0.375rem 0.75rem #00000029;
  --oev-sys-elevation-level-4: 0 0.75rem 1.5rem #00000029;
  --oev-ref-size-10: 0.625rem;
  --oev-ref-size-12: 0.75rem;
  --oev-ref-size-15: 0.938rem;
  --oev-ref-size-16: 1rem;
  --oev-ref-size-20: 1.25rem;
  --oev-ref-size-24: 1.5rem;
  --oev-ref-size-32: 2rem;
  --oev-ref-size-40: 2.5rem;
  --oev-ref-size-48: 3rem;
  --oev-ref-size-50: 3.125rem;
  --oev-ref-size-56: 3.5rem;
  --oev-ref-size-58: 3.625rem;
  --oev-ref-size-64: 4rem;
  --oev-ref-size-72: 4.5rem;
  --oev-ref-size-80: 5rem;
  --oev-ref-size-88: 5.5rem;
  --oev-ref-size-96: 6rem;
  --oev-ref-size-102: 6.375rem;
  --oev-ref-size-104: 6.5rem;
  --oev-ref-size-120: 7.5rem;
  --oev-ref-size-140: 8.75rem;
  --oev-ref-size-160: 10rem;
  --oev-ref-size-192: 12rem;
  --oev-ref-size-256: 16rem;
  --oev-ref-size-00: 0;
  --oev-ref-size-01: 0.063rem;
  --oev-ref-size-02: 0.125rem;
  --oev-ref-size-03: 0.188rem;
  --oev-ref-size-04: 0.25rem;
  --oev-ref-size-06: 0.375rem;
  --oev-ref-size-08: 0.5rem;
  --oev-ref-size-auto: 100%;
  --oev-ref-spacing-10: 0.625rem;
  --oev-ref-spacing-12: 0.75rem;
  --oev-ref-spacing-14: 0.875rem;
  --oev-ref-spacing-15: 0.938rem;
  --oev-ref-spacing-16: 1rem;
  --oev-ref-spacing-20: 1.25rem;
  --oev-ref-spacing-24: 1.5rem;
  --oev-ref-spacing-32: 2rem;
  --oev-ref-spacing-40: 2.5rem;
  --oev-ref-spacing-48: 3rem;
  --oev-ref-spacing-56: 3.5rem;
  --oev-ref-spacing-64: 4rem;
  --oev-ref-spacing-72: 4.5rem;
  --oev-ref-spacing-80: 5rem;
  --oev-ref-spacing-96: 6rem;
  --oev-ref-spacing-00: 0;
  --oev-ref-spacing-01: 0.063rem;
  --oev-ref-spacing-02: 0.125rem;
  --oev-ref-spacing-04: 0.25rem;
  --oev-ref-spacing-06: 0.375rem;
  --oev-ref-spacing-08: 0.5rem;
  --oev-ref-spacing-negative-07: -7px;
  --oev-sys-spacing-none: var(--oev-ref-spacing-00);
  --oev-sys-spacing-xxs: var(--oev-ref-spacing-04);
  --oev-sys-spacing-xs: var(--oev-ref-spacing-08);
  --oev-sys-spacing-s: var(--oev-ref-spacing-12);
  --oev-sys-spacing-m: var(--oev-ref-spacing-16);
  --oev-sys-spacing-l: var(--oev-ref-spacing-24);
  --oev-sys-spacing-xl-1: var(--oev-ref-spacing-32);
  --oev-sys-spacing-xl-2: var(--oev-ref-spacing-40);
  --oev-sys-spacing-xl-3: var(--oev-ref-spacing-48);
  --oev-sys-spacing-xl-4: var(--oev-ref-spacing-56);
  --oev-sys-spacing-xl-5: var(--oev-ref-spacing-64);
  --oev-sys-spacing-xl-6: var(--oev-ref-spacing-72);
  --oev-sys-spacing-xl-7: var(--oev-ref-spacing-80);
  --oev-sys-spacing-xl-8: var(--oev-ref-spacing-96);
  --oev-sys-spacing-responsive-xxs: var(--oev-ref-spacing-04);
  --oev-sys-spacing-responsive-xs: var(--oev-ref-spacing-08);
  --oev-sys-spacing-responsive-s: var(--oev-ref-spacing-12);
  --oev-sys-spacing-responsive-m: var(--oev-ref-spacing-16);
  --oev-sys-spacing-responsive-l: var(--oev-ref-spacing-20);
  --oev-sys-spacing-responsive-xl: var(--oev-ref-spacing-24);
  --oev-sys-spacing-responsive-xxl: var(--oev-ref-spacing-32);
  --oev-font-family-sans-serif: "Sparkasse Web", sans-serif;
  --oev-font-family-serif:
    Georgia,
    Times,
    serif;
  --oev-font-family-light: var(--oev-font-family-sans-serif);
  --oev-font-family-bold: var(--oev-font-family-sans-serif);
  --oev-font-family-black: var(--oev-font-family-sans-serif);
  --oev-font-family-default: var(--oev-font-family-sans-serif);
  --oev-font-family-calligraphy: "Caveat", cursive;
  --oev-font-family-icon: "iconfont-svag";
  --oev-font-family-stage: var(--oev-font-family-h1);
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-light);
  --oev-font-family-body-small: var(--oev-font-family-light);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-light: 200;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 400;
  --oev-font-weight-bold: 900;
  --oev-font-weight-black: 900;
  --oev-font-weight-default: var(--oev-font-weight-regular);
  --oev-font-weight-stage: var(--oev-font-weight-h1);
  --oev-font-weight-h1: var(--oev-font-weight-bold);
  --oev-font-weight-h2: var(--oev-font-weight-bold);
  --oev-font-weight-h3: var(--oev-font-weight-bold);
  --oev-font-weight-h4: var(--oev-font-weight-bold);
  --oev-font-weight-h5: var(--oev-font-weight-bold);
  --oev-font-weight-h6: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-regular);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-bold);
  --oev-font-weight-body: var(--oev-font-weight-light);
  --oev-font-weight-body-small: var(--oev-font-weight-light);
  --oev-font-weight-label: var(--oev-font-weight-bold);
  --oev-font-weight-label-small: var(--oev-font-weight-default);
  --oev-font-weight-link: var(--oev-font-weight-regular);
  --oev-font-weight-link-medium: var(--oev-font-weight-medium);
  --oev-font-weight-link-small: var(--oev-font-weight-regular);
  --oev-font-weight-caption: var(--oev-font-weight-default);
  --oev-font-weight-error: var(--oev-font-weight-default);
  --oev-font-size-38: calc(38/16 * 1rem);
  --oev-font-size-xxs: calc(12/16 * 1rem);
  --oev-font-size-xs: calc(14/16 * 1rem);
  --oev-font-size-s: 1rem;
  --oev-font-size-m: calc(18/16 * 1rem);
  --oev-font-size-l: calc(20/16 * 1rem);
  --oev-font-size-xl-1: calc(22/16 * 1rem);
  --oev-font-size-xl-2: calc(24/16 * 1rem);
  --oev-font-size-xl-3: calc(26/16 * 1rem);
  --oev-font-size-xl-4: calc(28/16 * 1rem);
  --oev-font-size-xl-5: calc(30/16 * 1rem);
  --oev-font-size-xl-6: calc(34/16 * 1rem);
  --oev-font-size-xl-7: calc(40/16 * 1rem);
  --oev-font-size-xl-8: calc(52/16 * 1rem);
  --oev-font-size-xl-9: calc(60/16 * 1rem);
  --oev-font-size-xl-10: calc(60/16 * 1rem);
  --oev-font-size-stage: var(--oev-font-size-xl-4);
  --oev-font-size-h1: var(--oev-font-size-xl-4);
  --oev-font-size-h2: var(--oev-font-size-xl-3);
  --oev-font-size-h3: var(--oev-font-size-xl-2);
  --oev-font-size-h4: var(--oev-font-size-xl-1);
  --oev-font-size-h5: var(--oev-font-size-l);
  --oev-font-size-h6: var(--oev-font-size-m);
  --oev-font-size-subtitle-1: var(--oev-font-size-m);
  --oev-font-size-subtitle-2: var(--oev-font-size-s);
  --oev-font-size-body: var(--oev-font-size-s);
  --oev-font-size-body-small: var(--oev-font-size-xs);
  --oev-font-size-label: var(--oev-font-size-xs);
  --oev-font-size-label-small: var(--oev-font-size-xxs);
  --oev-font-size-link: var(--oev-font-size-s);
  --oev-font-size-link-medium: var(--oev-font-size-xs);
  --oev-font-size-link-small: var(--oev-font-size-xxs);
  --oev-font-size-caption: var(--oev-font-size-xxs);
  --oev-font-size-error: var(--oev-font-size-xxs);
  --oev-font-style-stage: normal normal 900 var(--oev-font-size-stage) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-h1: normal normal 900 var(--oev-font-size-h1) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-h2: normal normal 900 var(--oev-font-size-h2) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-h3: normal normal 900 var(--oev-font-size-h3) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-h4: normal normal 900 var(--oev-font-size-h4) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-h5: normal normal 900 var(--oev-font-size-h5) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-h6: normal normal 900 var(--oev-font-size-h6) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-subtitle-1: normal normal 400 var(--oev-font-size-subtitle-1) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-subtitle-2: normal normal 900 var(--oev-font-size-subtitle-2) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-body: normal normal 200 1rem / 1.5 "Sparkasse Web", sans-serif;
  --oev-font-style-body-small: normal normal 200 var(--oev-font-size-body-small) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-label: normal normal 900 calc(14/16 * 1rem) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-label-small: normal normal 400 calc(12/16 * 1rem) / 1.17 "Sparkasse Web", sans-serif;
  --oev-font-style-link: normal normal 400 1rem / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-link-small: normal normal 400 calc(12/16 * 1rem) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-link-medium: normal normal 400 calc(14/16 * 1rem) / 1.3 "Sparkasse Web", sans-serif;
  --oev-font-style-caption: normal normal 400 calc(12/16 * 1rem) / 1.5 "Sparkasse Web", sans-serif;
  --oev-font-style-error: normal normal 400 calc(12/16 * 1rem) / 1.17 "Sparkasse Web", sans-serif;
  --oev-font-style-signature: normal normal 400 var(--oev-font-size-subtitle-2) / 1.3 "Caveat", cursive;
  --oev-line-height-xxs: 1;
  --oev-line-height-xs: 1.17;
  --oev-line-height-s: 1.3;
  --oev-line-height-m: 1.5;
  --oev-line-height-l: 2.5;
  --oev-line-height-default: var(--oev-line-height-s);
  --oev-line-height-stage: var(--oev-line-height-h1);
  --oev-line-height-h1: var(--oev-line-height-default);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-subtitle-1: var(--oev-line-height-default);
  --oev-line-height-subtitle-2: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-m);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-xs);
  --oev-line-height-link: var(--oev-line-height-default);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-error: var(--oev-line-height-xs);
  --oev-line-height-caption: var(--oev-line-height-m);
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-comp-forms-radio-button-options-row-spacing: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-comp-forms-radio-button-options-row-spacing: 0.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-comp-forms-radio-button-options-row-spacing: 0.75rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-comp-grid-responsive-spacing-top-bottom: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-comp-grid-responsive-spacing-top-bottom: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-comp-grid-responsive-spacing-top-bottom: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-comp-grid-container-card-view-spacing-left-right: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-comp-grid-container-card-view-spacing-left-right: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-comp-grid-container-card-view-spacing-left-right: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-comp-headline-subheadline-spacing-top: 0.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xxs: 0.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xxs: 0.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xxs: 1rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xs: 0.75rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xs: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xs: 1.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-s: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-s: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-s: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-m: 1.25rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-m: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-m: 2rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-l: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-l: 2rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-l: 2.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xl: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xl: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xl: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xxl: 2.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xxl: 3rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-sys-spacing-responsive-xxl: 3.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-stage: calc(30/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-stage: calc(52/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-stage: calc(60/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h1: calc(30/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h1: calc(34/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h1: calc(40/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h2: calc(28/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h2: calc(30/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h2: calc(34/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h3: calc(24/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h3: calc(26/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h3: calc(26/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h4: calc(22/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h4: calc(22/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h4: calc(22/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h5: calc(20/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h5: calc(20/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h5: calc(20/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h6: calc(18/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h6: calc(18/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h6: calc(18/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-1: calc(18/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-1: calc(20/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-subtitle-1: calc(20/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-2: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-2: calc(18/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-subtitle-2: calc(18/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
.theme-aok,
.theme-bavaria-direkt,
.theme-bgv,
.theme-oesa,
.theme-oevbs,
.theme-svlfg,
.theme-vmk {
  --oev-color-container-10: var(--oev-color-custom-10);
  --oev-color-container-11: var(--oev-color-custom-11);
  --oev-color-container-12: var(--oev-color-custom-12);
  --oev-color-container-13: var(--oev-color-gray-100);
  --oev-color-container-14: var(--oev-color-action-white);
  --oev-color-container-15: var(--oev-color-container-01);
  --oev-color-container-01: var(--oev-color-custom-01);
  --oev-color-container-02: var(--oev-color-custom-02);
  --oev-color-container-03: var(--oev-color-custom-03);
  --oev-color-container-04: var(--oev-color-custom-04);
  --oev-color-container-05: var(--oev-color-custom-05);
  --oev-color-container-06: var(--oev-color-custom-06);
  --oev-color-container-07: var(--oev-color-custom-07);
  --oev-color-container-08: var(--oev-color-custom-08);
  --oev-color-container-09: var(--oev-color-custom-09);
  --oev-color-container-pg-01: var(--oev-color-container-01);
  --oev-color-container-pg-02: var(--oev-color-container-12);
  --oev-color-container-pg-03: var(--oev-color-container-05);
  --oev-color-primary-50: #FFF5E5;
  --oev-color-primary-100: #FFEBCC;
  --oev-color-primary-200: #FFE2B2;
  --oev-color-primary-300: #FFD899;
  --oev-color-primary-400: #FFCE80;
  --oev-color-primary-500: #FFC466;
  --oev-color-primary-600: #FFBA4D;
  --oev-color-primary-700: #FFB133;
  --oev-color-primary-800: #FFA71A;
  --oev-color-primary-900: #FF9D00;
  --oev-color-primary-default: var(--oev-color-primary-900);
  --oev-color-primary-hover: var(--oev-color-primary-600);
  --oev-color-primary-focus: var(--oev-color-primary-500);
  --oev-color-primary-active: var(--oev-color-primary-800);
  --oev-color-primary-disabled: var(--oev-color-primary-200);
  --oev-color-primary-visited: var(--oev-color-primary-400);
  --oev-color-secondary-50: #E6ECF3;
  --oev-color-secondary-100: #CCDAE7;
  --oev-color-secondary-200: #B3C7DC;
  --oev-color-secondary-300: #87A9CC;
  --oev-color-secondary-400: #678EB5;
  --oev-color-secondary-500: #356AA1;
  --oev-color-secondary-600: #1B5895;
  --oev-color-secondary-700: #024589;
  --oev-color-secondary-800: #023970;
  --oev-color-secondary-900: #012C57;
  --oev-color-secondary-default: var(--oev-color-secondary-700);
  --oev-color-secondary-hover: var(--oev-color-secondary-900);
  --oev-color-secondary-focus: var(--oev-color-secondary-500);
  --oev-color-secondary-active: var(--oev-color-secondary-800);
  --oev-color-secondary-disabled: var(--oev-color-secondary-200);
  --oev-color-secondary-visited: var(--oev-color-secondary-400);
  --oev-color-custom-10: #5578ab;
  --oev-color-custom-11: #a7d4b9;
  --oev-color-custom-12: #e4f2ea;
  --oev-color-custom-01: #F3F7Fc;
  --oev-color-custom-02: #E7EFFB;
  --oev-color-custom-03: #3A7E81;
  --oev-color-custom-04: #B0CBCD;
  --oev-color-custom-05: #d8e5e6;
  --oev-color-custom-06: #B2D8C4;
  --oev-color-custom-07: #41DB76;
  --oev-color-custom-08: #FFEB99;
  --oev-color-custom-09: #D8A8B1;
  --oev-color-gray-50: #F4F8FA;
  --oev-color-gray-100: #F0F5F7;
  --oev-color-gray-200: #E4E9ED;
  --oev-color-gray-300: #CED4D9;
  --oev-color-gray-400: #ACB7BF;
  --oev-color-gray-500: #808B92;
  --oev-color-gray-600: #6C757B;
  --oev-color-gray-700: #515C64;
  --oev-color-gray-800: #3D474E;
  --oev-color-gray-900: #1B1D1E;
  --oev-color-gray-default: var(--oev-color-gray-900);
  --oev-color-gray-hover: var(--oev-color-gray-900);
  --oev-color-gray-focus: var(--oev-color-gray-900);
  --oev-color-gray-active: var(--oev-color-gray-900);
  --oev-color-gray-disabled: var(--oev-color-gray-400);
  --oev-color-gray-visited: var(--oev-color-gray-400);
  --oev-color-action-white: #FFFFFF;
  --oev-color-action-black: #000000;
  --oev-color-action-success: #3e9d6c;
  --oev-color-action-warning: #FFCC00;
  --oev-color-action-error: #9D253C;
  --oev-color-action-info: #d7e5f8;
  --oev-color-action-focus-on-light: #0047FF;
  --oev-color-action-focus-on-dark: #88ACFF;
  --oev-color-brand-sparkasse: #ee0000;
  --oev-color-white: var(--oev-color-action-white);
  --oev-color-black: var(--oev-color-action-black);
  --oev-color-gradient-01:
    linear-gradient(
      90deg,
      #023970,
      #356AA1);
  --oev-color-gradient-02:
    linear-gradient(
      90deg,
      #FFB133,
      #FFC466);
  --oev-color-gradient-03:
    linear-gradient(
      45deg,
      #023970,
      #356AA1);
  --oev-color-gradient-04:
    linear-gradient(
      45deg,
      #FFB133,
      #FFC466);
  --oev-color-transparent: transparent;
  --oev-color-white-default: rgba(255, 255, 255, 1);
  --oev-color-white-hover: rgba(255, 255, 255, .7);
  --oev-color-white-active: rgba(255, 255, 255, .9);
  --oev-color-white-focus: rgba(255, 255, 255, .6);
  --oev-color-white-visited: rgba(255, 255, 255, .8);
  --oev-color-white-disabled: rgba(255, 255, 255, .4);
  --oev-color-success: var(--oev-color-action-success);
  --oev-color-warning: var(--oev-color-action-warning);
  --oev-color-error: var(--oev-color-action-error);
  --oev-color-info: var(--oev-color-action-info);
  --oev-color-black-default: rgba(0, 0, 0, 1);
  --oev-color-black-hover: rgba(0, 0, 0, .7);
  --oev-color-black-active: rgba(0, 0, 0, .9);
  --oev-color-black-focus: rgba(0, 0, 0, .6);
  --oev-color-black-visited: rgba(0, 0, 0, .8);
  --oev-color-black-disabled: rgba(0, 0, 0, .4);
  --oev-color-background-10: var(--oev-color-custom-10);
  --oev-color-background-11: var(--oev-color-custom-11);
  --oev-color-background-12: var(--oev-color-custom-05);
  --oev-color-background-13: var(--oev-color-primary-50);
  --oev-color-background-14: var(--oev-color-background-dark);
  --oev-color-background-15: var(--oev-color-background-light);
  --oev-color-background-16: var(--oev-color-secondary-50);
  --oev-color-background-17: var(--oev-color-background-white);
  --oev-color-background-18: var(--oev-color-background-black);
  --oev-color-background-01: var(--oev-color-custom-01);
  --oev-color-background-02: var(--oev-color-custom-02);
  --oev-color-background-03: var(--oev-color-secondary-700);
  --oev-color-background-04: var(--oev-color-gray-50);
  --oev-color-background-05: var(--oev-color-gray-100);
  --oev-color-background-06: var(--oev-color-custom-12);
  --oev-color-background-07: var(--oev-color-custom-07);
  --oev-color-background-08: var(--oev-color-custom-08);
  --oev-color-background-09: var(--oev-color-custom-09);
  --oev-color-background-white: var(--oev-color-action-white);
  --oev-color-background-black: var(--oev-color-action-black);
  --oev-color-background-dark: var(--oev-color-gray-100);
  --oev-color-background-light: var(--oev-color-gray-50);
  --oev-color-font-body-default: var(--oev-color-gray-900);
  --oev-color-font-body-disabled: var(--oev-color-gray-disabled);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-font-body-default);
  --oev-color-font-headline: var(--oev-color-font-body-default);
  --oev-color-font-headline-inverted: var(--oev-color-action-white);
  --oev-color-font-subheadline: var(--oev-color-font-body-default);
  --oev-color-font-h1: var(--oev-color-font-headline);
  --oev-color-font-h2: var(--oev-color-font-headline);
  --oev-color-font-h3: var(--oev-color-font-headline);
  --oev-color-font-h4: var(--oev-color-font-headline);
  --oev-color-font-h5: var(--oev-color-font-headline);
  --oev-color-font-h6: var(--oev-color-font-headline);
  --oev-color-font-subtitle-1: var(--oev-color-font-subheadline);
  --oev-color-font-subtitle-2: var(--oev-color-font-subheadline);
  --oev-color-font-label: var(--oev-color-gray-900);
  --oev-color-font-label-inverted: var(--oev-color-action-white);
  --oev-color-font-label-small: var(--oev-color-font-label);
  --oev-color-font-link: var(--oev-color-secondary-default);
  --oev-color-font-link-small: var(--oev-color-font-link);
  --oev-color-font-link-medium: var(--oev-color-font-link);
  --oev-color-font-caption: var(--oev-color-gray-700);
  --oev-color-font-error: var(--oev-color-action-error);
  --oev-color-font-placeholder: var(--oev-color-gray-600);
  --oev-color-font-calligraphy: var(--oev-color-primary-900);
  --oev-color-pictogram-1: var(--oev-color-secondary-default);
  --oev-color-pictogram-2: #C00D14;
  --oev-color-pictogram-3: var(--oev-color-action-white);
  --oev-color-pictogram-4: var(--oev-color-transparent);
  --oev-color-illustration-1: var(--oev-color-primary-50);
  --oev-color-shadow: #00000029;
  --oev-color-focus-visible-outline: var(--oev-color-action-focus-on-light);
  --oev-comp-accordion-header-color-background-default: var(--oev-color-background-01);
  --oev-comp-accordion-header-color-background-hover: var(--oev-color-background-02);
  --oev-comp-accordion-header-color-default: var(--oev-color-secondary-default);
  --oev-comp-accordion-header-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-accordion-header-color-active: var(--oev-color-secondary-active);
  --oev-comp-accordion-header-color-open: var(--oev-color-secondary-active);
  --oev-comp-accordion-header-font-weight-default: var(--oev-font-weight-bold);
  --oev-comp-accordion-header-font-weight-hover: var(--oev-comp-accordion-header-font-weight-default);
  --oev-comp-accordion-header-font-weight-active: var(--oev-comp-accordion-header-font-weight-default);
  --oev-comp-accordion-header-font-weight-open: var(--oev-comp-accordion-header-font-weight-default);
  --oev-comp-accordion-header-icon-default: var(--oev-color-secondary-default);
  --oev-comp-accordion-header-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-accordion-header-icon-active: var(--oev-color-secondary-active);
  --oev-comp-accordion-header-icon-open: var(--oev-color-secondary-active);
  --oev-comp-accordion-body-color-background: var(--oev-color-action-white);
  --oev-comp-accordion-body-color-default: var(--oev-color-font-body-default);
  --oev-comp-accordion-body-spacing: var(--oev-sys-spacing-m);
  --oev-comp-accordion-body-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-accordion-body-font-style: normal normal 400 1rem / 1.5 Ubuntu, sans-serif;
  --oev-comp-accordion-body-font-weight: var(--oev-font-weight-body);
  --oev-comp-accordion-body-font-size: var(--oev-font-size-body);
  --oev-comp-accordion-body-line-height: var(--oev-line-height-m);
  --oev-comp-accordion-divider-color: var(--oev-color-action-white);
  --oev-comp-accordion-divider-height: var(--oev-ref-size-02);
  --oev-comp-advisor-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-advisor-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-advisor-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-advisor-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-advisor-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-advisor-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-advisor-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-advisor-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-advisor-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-advisor-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-advisor-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-advisor-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-advisor-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-advisor-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-advisor-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-advisor-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-advisor-card-header-distance-gap: var(--oev-ref-spacing-02);
  --oev-comp-advisor-card-header-distance-padding: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-header-distance-border-radius: var(--oev-ref-radius-s);
  --oev-comp-advisor-card-header-distance-background-color: var(--oev-color-background-15);
  --oev-comp-advisor-card-header-distance-number-font-style: var(--oev-font-style-link-small);
  --oev-comp-advisor-card-header-distance-label-font-style: var(--oev-font-style-caption);
  --oev-comp-advisor-card-header-distance-font-color: var(--oev-color-font-label);
  --oev-comp-advisor-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-header-text-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-advisor-card-header-text-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-advisor-card-status-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-status-expandable-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-status-opening-hours-headline-gap: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-status-opening-hours-headline-font-style: var(--oev-font-style-link);
  --oev-comp-advisor-card-status-opening-hours-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-advisor-card-status-opening-hours-headline-gap-stacked: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-socialmedia-headline-font-style: var(--oev-font-style-link);
  --oev-comp-advisor-card-socialmedia-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-advisor-card-socialmedia-icons-gap: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-socialmedia-gap: var(--oev-sys-spacing-xs);
  --oev-comp-agency-search-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-agency-search-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-agency-search-auto-suggest-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-agency-search-auto-suggest-category-color-background: var(--oev-color-custom-02);
  --oev-comp-agency-search-auto-suggest-category-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-auto-suggest-category-font-color: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-category-inner-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-auto-suggest-category-inner-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-default: var(--oev-color-background-17);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-hover: var(--oev-color-background-14);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-selected: var(--oev-color-background-01);
  --oev-comp-agency-search-auto-suggest-result-item-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-agency-search-auto-suggest-result-item-inner-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-auto-suggest-result-item-inner-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-weight: var(--oev-font-weight-bold);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-agency-search-privacy-background: var(--oev-color-gray-100);
  --oev-comp-agency-search-privacy-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-privacy-font-color: var(--oev-color-font-body-default);
  --oev-comp-agency-search-privacy-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-agency-search-text-input-border-radius-top-left: var(--oev-ref-radius-m);
  --oev-comp-agency-search-text-input-border-radius-bottom-left: var(--oev-ref-radius-m);
  --oev-comp-agency-search-text-input-padding-right: var(--oev-sys-spacing-xl-3);
  --oev-comp-agency-search-text-input-icon-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-submit-button-border-radius-top-right: var(--oev-ref-radius-m);
  --oev-comp-agency-search-submit-button-border-radius-bottom-right: var(--oev-ref-radius-m);
  --oev-comp-agency-search-search-type-gap: var(--oev-sys-spacing-l);
  --oev-comp-agency-search-filter-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-shadow: var(--oev-sys-elevation-level-1);
  --oev-comp-agency-search-spacing: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-gap: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-background: var(--oev-color-action-white);
  --oev-comp-agency-search-results-divider-color: var(--oev-color-gray-300);
  --oev-comp-agency-search-results-divider-width: var(--oev-ref-size-01);
  --oev-comp-agency-search-results-border-top-color: var(--oev-color-gray-500);
  --oev-comp-agency-search-results-border-top-width: var(--oev-ref-size-01);
  --oev-comp-agency-search-search-card-width: 400px;
  --oev-comp-agency-search-map-height-above-sl: 800px;
  --oev-comp-agency-search-map-height-below-sl: 400px;
  --oev-comp-agency-search-map-gap: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-prefix-font-style: var(--oev-font-style-body);
  --oev-comp-anchor-nav-textbox-size: var(--oev-ref-size-24);
  --oev-comp-anchor-nav-link-color-default: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-link-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-anchor-nav-link-color-focus: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-link-color-active: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-link-color-selected: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-link-border-color-selected: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-link-border-size: var(--oev-ref-size-04);
  --oev-comp-anchor-nav-link-font-style-default: var(--oev-font-style-body);
  --oev-comp-anchor-nav-link-font-style-hover: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-focus: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-active: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-selected: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-spacing-horizontal-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-link-spacing-horizontal-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-anchor-nav-link-spacing-vertical-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-anchor-nav-link-spacing-vertical-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-anchor-nav-link-focus-visible-border-radius: var(--oev-ref-radius-06);
  --oev-comp-anchor-nav-icon-interactive-color-default: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-icon-interactive-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-anchor-nav-icon-interactive-color-focus: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-icon-interactive-color-active: var(--oev-color-secondary-default);
  --oev-comp-anchor-nav-icon-interactive-size: var(--oev-comp-icon-size-large);
  --oev-comp-anchor-nav-background-color: var(--oev-color-background-17);
  --oev-comp-anchor-nav-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-anchor-nav-divider-bottom-color: var(--oev-color-secondary-300);
  --oev-comp-anchor-nav-divider-bottom-size: var(--oev-ref-size-01);
  --oev-comp-badge-size-xs: var(--oev-ref-size-64);
  --oev-comp-badge-size-l: var(--oev-ref-size-80);
  --oev-comp-badge-size-default: var(--oev-comp-badge-size-xs);
  --oev-comp-badge-background-color-default: var(--oev-color-primary-default);
  --oev-comp-badge-content-rotation: 0;
  --oev-comp-badge-border-width: var(--oev-ref-size-00);
  --oev-comp-badge-border-color: var(--oev-color-transparent);
  --oev-comp-badge-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-badge-font-style: var(--oev-font-style-body-small);
  --oev-comp-badge-font-color: var(--oev-color-font-body-default);
  --oev-comp-badge-icon-color: var(--oev-color-font-body-default);
  --oev-comp-badge-icon-spacing: var(--oev-sys-spacing-none);
  --oev-comp-banner-background-color: var(--oev-color-secondary-700);
  --oev-comp-banner-text-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-banner-text-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-banner-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-banner-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-banner-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-banner-border-radius: 1rem 1rem 0 0;
  --oev-comp-branch-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-branch-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-branch-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-branch-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-branch-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-branch-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-branch-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-branch-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-branch-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-branch-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-branch-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-branch-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-branch-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-branch-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-header-text-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-branch-card-header-text-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-branch-card-header-text-teaser-font-style: var(--oev-font-style-h6);
  --oev-comp-branch-card-header-text-teaser-font-color: var(--oev-color-font-h6);
  --oev-comp-branch-card-status-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-status-opening-hours-headline-gap: var(--oev-sys-spacing-s);
  --oev-comp-branch-card-status-opening-hours-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-status-opening-hours-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-branch-card-contact-options-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-branch-card-contact-options-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-branch-card-contact-options-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-contact-socialmedia-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-contact-socialmedia-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-branch-card-contact-socialmedia-icons-gap: var(--oev-sys-spacing-s);
  --oev-comp-branch-card-contact-socialmedia-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-wide-content-gap: var(--oev-sys-spacing-m);
  --oev-comp-breadcrumb-background-color: var(--oev-color-background-17);
  --oev-comp-breadcrumb-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-breadcrumb-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-breadcrumb-spacing-vertical: var(--oev-sys-spacing-xs);
  --oev-comp-breadcrumb-spacing-gap: var(--oev-sys-spacing-xxs);
  --oev-comp-breadcrumb-home-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-breadcrumb-separator-color: var(--oev-color-gray-500);
  --oev-comp-breadcrumb-separator-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-breadcrumb-link-color-default: var(--oev-color-gray-default);
  --oev-comp-breadcrumb-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-breadcrumb-link-color-active: var(--oev-color-primary-active);
  --oev-comp-breadcrumb-link-color-current: var(--oev-color-primary-default);
  --oev-comp-breadcrumb-link-font-style-default: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-hover: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-active: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-current: var(--oev-font-style-link-medium);
  --oev-comp-business-card-divider-color: var(--oev-color-gray-200);
  --oev-comp-business-card-container-spacing: var(--oev-ref-spacing-16);
  --oev-comp-business-card-distance-badge-background-color: var(--oev-color-gray-100);
  --oev-comp-business-card-distance-badge-number-font-style: var(--oev-font-style-link-small);
  --oev-comp-business-card-distance-badge-unit-font-style: var(--oev-font-style-link-small);
  --oev-comp-business-card-distance-badge-spacing-bottom: var(--oev-ref-spacing-08);
  --oev-comp-business-card-distance-badge-padding-left-right: var(--oev-ref-spacing-08);
  --oev-comp-business-card-distance-badge-padding-top-bottom: var(--oev-ref-spacing-02);
  --oev-comp-business-card-distance-badge-radius: var(--oev-ref-size-04);
  --oev-comp-business-card-title-font-style: var(--oev-font-style-h6);
  --oev-comp-business-card-headline-spacing-bottom: var(--oev-ref-spacing-04);
  --oev-comp-business-card-address-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-business-card-list-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-button-icon-spacing: var(--oev-ref-spacing-06);
  --oev-comp-button-font-style: var(--oev-font-style-link);
  --oev-comp-button-font-weight: var(--oev-font-weight-link);
  --oev-comp-button-font-size: var(--oev-font-size-link);
  --oev-comp-button-labeled-spacing-left-and-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-button-unlabeled-spacing-left-and-right: var(--oev-sys-spacing-s);
  --oev-comp-button-border-width: var(--oev-ref-size-02);
  --oev-comp-button-border-width-hover: var(--oev-ref-size-03);
  --oev-comp-button-border-radius: var(--oev-ref-radius-m);
  --oev-comp-button-color-outline-focused: var(--oev-color-focus-visible-outline);
  --oev-comp-button-offset-outline-focused: var(--oev-ref-size-02);
  --oev-comp-button-primary-contained-background-color-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-contained-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-contained-background-color-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-contained-background-color-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-contained-background-color-disabled: var(--oev-color-gray-200);
  --oev-comp-button-primary-contained-color-label-default: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-label-hover: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-label-active: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-label-focus: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-label-disabled: var(--oev-color-gray-700);
  --oev-comp-button-primary-contained-color-icon-default: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-icon-hover: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-icon-active: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-icon-focus: var(--oev-color-gray-900);
  --oev-comp-button-primary-contained-color-icon-disabled: var(--oev-color-gray-700);
  --oev-comp-button-primary-outlined-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-primary-outlined-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-primary-outlined-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-primary-outlined-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-primary-outlined-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-outlined-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-primary-outlined-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-primary-outlined-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-primary-outlined-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-primary-outlined-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-outlined-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-primary-outlined-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-primary-outlined-color-border-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-primary-outlined-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-primary-outlined-color-border-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-outlined-color-background-default: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-hover: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-active: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-disabled: var(--oev-color-transparent);
  --oev-comp-button-primary-link-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-primary-link-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-primary-link-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-primary-link-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-primary-link-color-label-visited: var(--oev-color-secondary-default);
  --oev-comp-button-primary-link-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-link-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-primary-link-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-primary-link-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-primary-link-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-primary-link-color-icon-visited: var(--oev-color-secondary-default);
  --oev-comp-button-primary-link-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-outlined-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-outlined-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-outlined-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-border-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-outlined-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-border-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-outlined-color-background-default: var(--oev-color-background-17);
  --oev-comp-button-secondary-outlined-color-background-hover: var(--oev-color-background-17);
  --oev-comp-button-secondary-outlined-color-background-focus: var(--oev-color-secondary-50);
  --oev-comp-button-secondary-outlined-color-background-active: var(--oev-color-background-17);
  --oev-comp-button-secondary-outlined-color-background-disabled: var(--oev-color-background-17);
  --oev-comp-button-secondary-outlined-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-outlined-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-contained-color-label-default: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-hover: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-focus: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-active: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-disabled: var(--oev-color-gray-700);
  --oev-comp-button-secondary-contained-color-background-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-contained-color-background-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-contained-color-background-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-contained-color-background-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-background-disabled: var(--oev-color-gray-200);
  --oev-comp-button-secondary-contained-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-contained-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-contained-color-border-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-contained-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-border-disabled: var(--oev-color-gray-200);
  --oev-comp-button-secondary-contained-color-icon-default: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-hover: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-focus: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-active: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-disabled: var(--oev-color-gray-700);
  --oev-comp-button-secondary-link-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-link-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-link-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-link-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-link-color-label-visited: var(--oev-color-secondary-visited);
  --oev-comp-button-secondary-link-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-link-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-link-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-link-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-link-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-link-color-icon-visited: var(--oev-color-secondary-visited);
  --oev-comp-button-secondary-link-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-white-contained-color-label-default: var(--oev-color-primary-default);
  --oev-comp-button-white-contained-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-white-contained-color-label-active: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-white-contained-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-white-contained-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-white-contained-color-icon-active: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-white-outlined-color-default: var(--oev-color-white-default);
  --oev-comp-button-white-outlined-color-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-outlined-color-active: var(--oev-color-white-active);
  --oev-comp-button-white-outlined-color-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-outlined-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-white-link-color-label-default: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-label-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-link-color-label-active: var(--oev-color-white-active);
  --oev-comp-button-white-link-color-label-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-link-color-label-visited: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-label-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-white-link-color-icon-default: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-icon-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-link-color-icon-active: var(--oev-color-white-active);
  --oev-comp-button-white-link-color-icon-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-link-color-icon-visited: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-icon-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-link-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-link-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-link-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-link-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-link-color-label-visited: var(--oev-color-secondary-default);
  --oev-comp-button-link-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-link-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-link-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-link-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-link-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-link-color-icon-visited: var(--oev-color-secondary-default);
  --oev-comp-button-link-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-card-icon-text-content-box-spacing-top: var(--oev-sys-spacing-xl-2);
  --oev-comp-card-icon-text-content-box-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-content-box-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-content-box-background-color: var(--oev-color-background-02);
  --oev-comp-card-icon-text-content-box-border-radius: var(--oev-ref-radius-l);
  --oev-comp-card-icon-text-icon-container-box-shadow: var(--oev-sys-elevation-level-3);
  --oev-comp-card-icon-text-icon-container-border-radius: var(--oev-ref-radius-l);
  --oev-comp-card-icon-text-icon-container-size: var(--oev-ref-size-80);
  --oev-comp-card-icon-text-icon-container-background-color: var(--oev-color-background-17);
  --oev-comp-card-icon-text-icon-color: var(--oev-color-secondary-default);
  --oev-comp-card-icon-text-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-card-icon-text-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-card-icon-text-headline-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-body-font-style: var(--oev-font-style-body);
  --oev-comp-card-icon-text-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-card-icon-text-body-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-card-border-radius: var(--oev-ref-radius-l);
  --oev-comp-card-badge-zindex: var(--oev-ref-z-index-20);
  --oev-comp-card-header-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-card-header-spacing-right: var(--oev-sys-spacing-l);
  --oev-comp-card-header-spacing-teaser-top: var(--oev-sys-spacing-m);
  --oev-comp-card-header-title-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-header-title-font-style: var(--oev-font-style-h3);
  --oev-comp-card-header-title-font-color: var(--oev-color-font-headline);
  --oev-comp-card-header-subtitle-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-card-header-subtitle-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-card-header-subtitle-font-color: var(--oev-color-font-subheadline);
  --oev-comp-card-header-teaser-font-style: var(--oev-font-style-body);
  --oev-comp-card-header-teaser-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-content-outer-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-link-color-default: var(--oev-color-secondary-default);
  --oev-comp-card-content-read-more-link-color: var(--oev-color-secondary-default);
  --oev-comp-card-content-top-section-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-card-content-top-section-secondary-title-font-style: var(--oev-font-style-h6);
  --oev-comp-card-content-top-section-secondary-title-font-color: var(--oev-color-font-subheadline);
  --oev-comp-card-content-top-section-body-text-font-style: var(--oev-font-style-body);
  --oev-comp-card-content-bottom-section-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-bottom-section-caption-font-style: var(--oev-font-style-caption);
  --oev-comp-card-media-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-color-background-10: var(--oev-color-custom-10);
  --oev-comp-card-color-background-11: var(--oev-color-custom-11);
  --oev-comp-card-color-background-12: var(--oev-color-custom-12);
  --oev-comp-card-color-background-13: var(--oev-color-gray-100);
  --oev-comp-card-color-background-14: var(--oev-color-action-white);
  --oev-comp-card-color-background-15: var(--oev-comp-card-color-background-01);
  --oev-comp-card-color-background-default: var(--oev-color-action-white);
  --oev-comp-card-color-background-01: var(--oev-color-custom-01);
  --oev-comp-card-color-background-02: var(--oev-color-custom-02);
  --oev-comp-card-color-background-03: var(--oev-color-custom-03);
  --oev-comp-card-color-background-04: var(--oev-color-custom-04);
  --oev-comp-card-color-background-05: var(--oev-color-custom-05);
  --oev-comp-card-color-background-06: var(--oev-color-custom-06);
  --oev-comp-card-color-background-07: var(--oev-color-custom-07);
  --oev-comp-card-color-background-08: var(--oev-color-custom-08);
  --oev-comp-card-color-background-09: var(--oev-color-custom-09);
  --oev-comp-card-color-background-pg-01: var(--oev-color-container-pg-01);
  --oev-comp-card-color-background-pg-02: var(--oev-color-container-pg-02);
  --oev-comp-card-color-background-pg-03: var(--oev-color-container-pg-03);
  --oev-comp-card-slider-spacing-left-right: var(--oev-ref-spacing-06);
  --oev-comp-card-slider-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-indicators-width: var(--oev-ref-size-32);
  --oev-comp-card-slider-indicators-height: var(--oev-ref-size-06);
  --oev-comp-card-slider-indicators-radius: var(--oev-ref-radius-s);
  --oev-comp-card-slider-indicators-opacity: var(--oev-ref-opacity-100);
  --oev-comp-card-slider-indicators-border-color-default: var(--oev-color-transparent);
  --oev-comp-card-slider-indicators-border-color-hover: var(--oev-color-transparent);
  --oev-comp-card-slider-indicators-border-color-active: var(--oev-color-transparent);
  --oev-comp-card-slider-indicators-background-color-default: var(--oev-color-background-02);
  --oev-comp-card-slider-indicators-background-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-card-slider-indicators-background-color-active: var(--oev-color-secondary-default);
  --oev-comp-card-slider-indicators-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-card-slider-indicators-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-slider-icon-size: var(--oev-comp-icon-size-large);
  --oev-comp-card-slider-nav-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-card-slider-nav-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-card-slider-nav-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-card-slider-nav-icon-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-card-slider-nav-icon-left-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-nav-icon-right-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-checkbox-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-checkbox-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-checkbox-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-checkbox-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-checkbox-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-checkbox-color-error: var(--oev-color-action-error);
  --oev-comp-forms-checkbox-selected-color-default: var(--oev-color-secondary-default);
  --oev-comp-forms-checkbox-selected-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-checkbox-selected-color-active: var(--oev-color-secondary-active);
  --oev-comp-forms-checkbox-selected-color-focus: var(--oev-color-secondary-focus);
  --oev-comp-forms-checkbox-selected-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-forms-checkbox-selected-color-error: var(--oev-color-action-error);
  --oev-comp-forms-checkbox-grid-spacing: var(--oev-sys-spacing-s);
  --oev-comp-forms-checkbox-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-checkbox-label-line-height: var(--oev-line-height-m);
  --oev-comp-forms-checkbox-label-color: var(--oev-color-font-label);
  --oev-comp-forms-checkbox-error-text-font-style: var(--oev-font-style-error);
  --oev-comp-forms-checkbox-error-text-color: var(--oev-color-action-error);
  --oev-comp-forms-datepicker-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-forms-datepicker-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-datepicker-icon-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-datepicker-overlay-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-datepicker-overlay-background-color: var(--oev-color-background-17);
  --oev-comp-forms-datepicker-overlay-width-xs-s: 270px;
  --oev-comp-forms-datepicker-overlay-width-m-xl: 290px;
  --oev-comp-forms-datepicker-overlay-border-radius: var(--oev-ref-radius-s);
  --oev-comp-forms-datepicker-overlay-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-forms-datepicker-overlay-header-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-header-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-forms-datepicker-overlay-header-spacing-right: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-header-controls-spacing: var(--oev-sys-spacing-l);
  --oev-comp-forms-datepicker-overlay-header-controls-switch-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-datepicker-overlay-header-controls-switch-font-style: var(--oev-font-style-body-small);
  --oev-comp-forms-datepicker-overlay-header-controls-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-forms-datepicker-overlay-header-controls-icon-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-datepicker-overlay-days-of-week-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-days-of-week-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-days-of-week-font-style: var(--oev-font-style-body-small);
  --oev-comp-forms-datepicker-overlay-days-of-week-color: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-days-grid-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-days-grid-border-top-color: var(--oev-color-gray-400);
  --oev-comp-forms-datepicker-overlay-days-grid-border-top-width: var(--oev-ref-size-01);
  --oev-comp-forms-datepicker-overlay-days-grid-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-forms-datepicker-overlay-days-grid-hover-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-hover-background-color: var(--oev-color-secondary-hover);
  --oev-comp-forms-datepicker-overlay-days-grid-selected-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-selected-background-color: var(--oev-color-secondary-default);
  --oev-comp-forms-datepicker-overlay-days-grid-today-color: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-today-background-color: var(--oev-color-secondary-50);
  --oev-comp-forms-datepicker-overlay-days-grid-focused-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-focused-background-color: var(--oev-color-secondary-focus);
  --oev-comp-forms-dropdown-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-dropdown-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-focus: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-active: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-error: var(--oev-color-font-error);
  --oev-comp-forms-dropdown-font-style: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-height: var(--oev-ref-size-48);
  --oev-comp-forms-dropdown-background-color-default: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-overflow: inherit;
  --oev-comp-forms-dropdown-text-overflow: inherit;
  --oev-comp-forms-dropdown-inner-spacing-top: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-top-focus: var(--oev-ref-spacing-10);
  --oev-comp-forms-dropdown-inner-spacing-right: var(--oev-sys-spacing-xl-3);
  --oev-comp-forms-dropdown-inner-spacing-bottom: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-dropdown-inner-spacing-left-focus: var(--oev-ref-spacing-15);
  --oev-comp-forms-dropdown-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-forms-dropdown-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-dropdown-icon-color-open: var(--oev-color-gray-active);
  --oev-comp-forms-dropdown-icon-color-open-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-dropdown-icon-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-dropdown-icon-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-icon-color-error-hover: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-border-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-dropdown-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-dropdown-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-dropdown-border-color-open: var(--oev-color-gray-active);
  --oev-comp-forms-dropdown-border-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-dropdown-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-dropdown-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-forms-dropdown-border-width-active: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-forms-dropdown-border-width-disabled: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-error: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-open: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-radius: var(--oev-ref-radius-m);
  --oev-comp-forms-dropdown-placeholder-color-default: var(--oev-color-font-placeholder);
  --oev-comp-forms-dropdown-placeholder-color-open: var(--oev-color-font-placeholder);
  --oev-comp-forms-dropdown-menu-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-menu-font-style-default: var(--oev-font-style-link);
  --oev-comp-forms-dropdown-menu-font-style-hover: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-menu-background-color-default: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-menu-background-color-hover: var(--oev-color-gray-100);
  --oev-comp-forms-dropdown-menu-scrollbar-background-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-dropdown-item-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-forms-dropdown-item-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-dropdown-item-font-style-hover: var(--oev-font-style-link);
  --oev-comp-forms-dropdown-inline-label-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-inline-label-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-inline-label-font-style: var(--oev-font-style-label-small);
  --oev-comp-forms-dropdown-inline-label-font-size: var(--oev-font-size-label-small);
  --oev-comp-forms-dropdown-inline-label-display: block;
  --oev-comp-forms-dropdown-inline-label-background-color: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-dropdown-label-color: var(--oev-color-font-label);
  --oev-comp-forms-dropdown-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-dropdown-label-line-break: auto;
  --oev-comp-forms-radio-button-color-bullet-outline-default: var(--oev-color-gray-600);
  --oev-comp-forms-radio-button-color-bullet-outline-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-radio-button-color-bullet-outline-active: var(--oev-color-gray-active);
  --oev-comp-forms-radio-button-color-bullet-outline-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-radio-button-color-bullet-outline-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-radio-button-color-bullet-outline-error: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-default: var(--oev-color-gray-600);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-active: var(--oev-color-gray-active);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-error: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-default: var(--oev-color-secondary-default);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-active: var(--oev-color-secondary-active);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-focus: var(--oev-color-secondary-focus);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-forms-radio-button-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-radio-button-label-color: var(--oev-color-font-label);
  --oev-comp-forms-radio-button-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-option-label-font-style: var(--oev-font-style-body);
  --oev-comp-forms-radio-button-option-label-color: var(--oev-color-font-label);
  --oev-comp-forms-radio-button-option-label-error-color: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-option-label-spacing-right-direction: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-option-label-spacing-left-direction: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-error-text-color: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-error-text-font-style: var(--oev-font-style-error);
  --oev-comp-forms-radio-button-error-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-radio-button-bullet-outline-size: var(--oev-ref-size-20);
  --oev-comp-forms-radio-button-inner-bullet-size-scale: 0.6;
  --oev-comp-forms-radio-button-bullet-outline-width: var(--oev-ref-size-02);
  --oev-comp-forms-radio-button-options-row-spacing: var(--oev-sys-spacing-m);
  --oev-comp-forms-radio-button-options-column-spacing: var(--oev-sys-spacing-xl-3);
  --oev-comp-forms-text-area-inner-spacing: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-spacing-left-top-hover: var(--oev-ref-spacing-15);
  --oev-comp-forms-text-area-spacing-left-top-focus: var(--oev-ref-spacing-15);
  --oev-comp-forms-text-area-color-background: var(--oev-color-background-17);
  --oev-comp-forms-text-area-icon-resizer-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-text-area-icon-resizer-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-text-area-icon-resizer-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-text-area-icon-resizer-color-error: var(--oev-color-action-error);
  --oev-comp-forms-text-area-icon-resizer-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-text-area-icon-resizer-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-text-area-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-text-area-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-text-area-label-color: var(--oev-color-font-label);
  --oev-comp-forms-text-area-placeholder-font-style: var(--oev-font-style-body);
  --oev-comp-forms-text-area-placeholder-color-default: var(--oev-color-font-placeholder);
  --oev-comp-forms-text-area-placeholder-color-focus: var(--oev-color-transparent);
  --oev-comp-forms-text-area-text-font-style: var(--oev-font-style-body);
  --oev-comp-forms-text-area-text-font-weight: var(--oev-font-weight-body);
  --oev-comp-forms-text-area-text-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-active: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-focus: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-forms-text-area-text-color-error: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-border-radius: var(--oev-ref-radius-m);
  --oev-comp-forms-text-area-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-forms-text-area-border-width-active: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-forms-text-area-border-width-disabled: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-text-area-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-text-area-border-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-text-area-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-text-area-border-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-text-area-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-text-area-help-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-text-area-help-text-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-help-text-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-help-text-font-style-error: var(--oev-font-style-error);
  --oev-comp-forms-text-area-help-text-color-error: var(--oev-color-font-error);
  --oev-comp-forms-input-text-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-input-text-color-placeholder: var(--oev-color-font-placeholder);
  --oev-comp-forms-input-text-placeholder-font-style: var(--oev-font-style-body);
  --oev-comp-forms-input-text-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-forms-input-text-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-forms-input-text-border-width-disabled: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-error: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-input-text-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-forms-input-text-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-input-text-border-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-input-text-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-input-text-border-radius: var(--oev-ref-radius-m);
  --oev-comp-forms-input-text-spacing-left-default: var(--oev-ref-spacing-15);
  --oev-comp-forms-input-text-spacing-left-hover: var(--oev-ref-spacing-14);
  --oev-comp-forms-input-text-spacing-left-focus: var(--oev-ref-spacing-14);
  --oev-comp-forms-input-text-field-color-background-default: var(--oev-color-background-17);
  --oev-comp-forms-input-text-field-color-background-hover: var(--oev-color-background-17);
  --oev-comp-forms-input-text-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-input-text-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-input-text-label-color: var(--oev-color-font-label);
  --oev-comp-forms-input-text-float-label-font-style: var(--oev-font-style-label-small);
  --oev-comp-forms-input-text-float-label-color-error: var(--oev-color-font-error);
  --oev-comp-forms-input-text-float-label-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-help-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-input-text-help-text-font-style-error: var(--oev-font-style-error);
  --oev-comp-forms-input-text-help-text-color-error: var(--oev-color-font-error);
  --oev-comp-chip-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-chip-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-chip-font-color-focus: var(--oev-color-secondary-default);
  --oev-comp-chip-font-color-active: var(--oev-color-secondary-default);
  --oev-comp-chip-font-color-disabled: var(--oev-color-gray-600);
  --oev-comp-chip-font-color-selected-default: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-hover: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-focus: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-active: var(--oev-color-action-white);
  --oev-comp-chip-border-color-default: var(--oev-color-secondary-default);
  --oev-comp-chip-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-chip-border-color-focus: var(--oev-color-secondary-default);
  --oev-comp-chip-border-color-active: var(--oev-color-secondary-default);
  --oev-comp-chip-border-color-disabled: var(--oev-color-gray-600);
  --oev-comp-chip-border-color-selected-default: var(--oev-color-secondary-default);
  --oev-comp-chip-border-color-selected-hover: var(--oev-color-secondary-hover);
  --oev-comp-chip-border-color-selected-focus: var(--oev-color-secondary-default);
  --oev-comp-chip-border-color-selected-active: var(--oev-color-secondary-default);
  --oev-comp-chip-background-color-default: var(--oev-color-background-17);
  --oev-comp-chip-background-color-hover: var(--oev-color-background-17);
  --oev-comp-chip-background-color-focus: var(--oev-color-background-17);
  --oev-comp-chip-background-color-active: var(--oev-color-background-17);
  --oev-comp-chip-background-color-disabled: var(--oev-color-background-17);
  --oev-comp-chip-background-color-selected-default: var(--oev-color-secondary-default);
  --oev-comp-chip-background-color-selected-hover: var(--oev-color-secondary-hover);
  --oev-comp-chip-background-color-selected-focus: var(--oev-color-secondary-default);
  --oev-comp-chip-background-color-selected-active: var(--oev-color-secondary-default);
  --oev-comp-chip-outline-color-focus: var(--oev-color-action-focus-on-light);
  --oev-comp-chip-outline-offset-focus: var(--oev-ref-size-02);
  --oev-comp-chip-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-chip-spacing-left-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-chip-border-radius: var(--oev-ref-radius-50);
  --oev-comp-chip-border-width: var(--oev-ref-size-02);
  --oev-comp-chip-font-style: var(--oev-font-style-link);
  --oev-comp-cta-group-spacing-vertical: var(--oev-sys-spacing-l);
  --oev-comp-cta-group-spacing-horizontal: var(--oev-sys-spacing-l);
  --oev-comp-cta-bar-vertical-spacing: var(--oev-sys-spacing-xl-1);
  --oev-comp-cta-bar-vertical-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-cta-bar-container-width: 100%;
  --oev-comp-cta-bar-button-size: var(--oev-ref-size-96);
  --oev-comp-cta-bar-button-label-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-cta-bar-button-label-font-style: var(--oev-font-style-link);
  --oev-comp-cta-bar-button-label-font-weight: var(--oev-font-weight-link);
  --oev-comp-cta-bar-button-label-icon-color-default: var(--oev-comp-cta-bar-button-font-color-default);
  --oev-comp-cta-bar-button-border-radius: var(--oev-ref-radius-xl);
  --oev-comp-cta-bar-button-border-radius-focus-visible: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-icon-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-cta-bar-button-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-cta-bar-button-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-font-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-contained-background-color: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-contained-background-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-contained-elevation-level-default: var(--oev-sys-elevation-level-2);
  --oev-comp-cta-bar-button-contained-elevation-level-hover: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-active: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-selected: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-disabled: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-outlined-background-color: var(--oev-color-transparent);
  --oev-comp-cta-bar-button-outlined-background-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-outlined-border-size: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-default: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-hover: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-active: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-selected: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-disabled: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-outlined-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-outlined-border-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-outlined-border-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-outlined-border-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-custom-border-radius: var(--oev-ref-radius-xl);
  --oev-comp-cta-bar-button-custom-border-width-default: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-hover: var(--oev-ref-size-06);
  --oev-comp-cta-bar-button-custom-border-width-active: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-selected: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-disabled: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-custom-border-color-active: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-border-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-border-color-disabled: var(--oev-color-gray-600);
  --oev-comp-cta-bar-button-custom-background-color-default: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-background-color-hover: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-custom-background-color-active: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-custom-background-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-background-color-disabled: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-custom-font-color-active: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-font-color-focus: var(--oev-color-secondary-focus);
  --oev-comp-cta-bar-button-custom-font-color-disabled: var(--oev-color-gray-600);
  --oev-comp-cta-bar-button-custom-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-custom-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-custom-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-icon-color-focus: var(--oev-color-secondary-focus);
  --oev-comp-cta-bar-button-custom-icon-color-disabled: var(--oev-color-gray-600);
  --oev-comp-cta-bar-button-custom-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-cta-bar-button-custom-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-cta-bar-button-custom-elevation-level-default: var(--oev-sys-elevation-level-2);
  --oev-comp-cta-bar-button-custom-elevation-level-hover: var(--oev-sys-elevation-level-3);
  --oev-comp-cta-bar-button-custom-elevation-level-active: var(--oev-sys-elevation-level-3);
  --oev-comp-cta-bar-button-custom-elevation-level-selected: var(--oev-sys-elevation-level-3);
  --oev-comp-cta-bar-button-custom-elevation-level-disabled: var(--oev-sys-elevation-level-1);
  --oev-comp-custom-search-background-color: var(--oev-color-background-14);
  --oev-comp-custom-search-outer-spacing: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-shadow: var(--oev-sys-elevation-level-0);
  --oev-comp-custom-search-border-radius: var(--oev-ref-radius-none);
  --oev-comp-custom-search-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-custom-search-text-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-custom-search-inputfield-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-result-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-result-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-customer-interaction-container-background-color: var(--oev-color-action-white);
  --oev-comp-customer-interaction-container-spacing-left-right: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-container-spacing-top: var(--oev-ref-spacing-24);
  --oev-comp-customer-interaction-container-spacing-bottom: var(--oev-ref-spacing-24);
  --oev-comp-customer-interaction-position-right: var(--oev-sys-spacing-s);
  --oev-comp-customer-interaction-position-bottom: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-customer-interaction-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-customer-interaction-icon-spacing-bottom: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-icon-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-divider-color: var(--oev-color-gray-500);
  --oev-comp-divider-height: var(--oev-ref-size-01);
  --oev-comp-divider-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-download-headline-font-style: var(--oev-font-style-h2);
  --oev-comp-download-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-download-subheadline-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-download-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-download-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-download-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-download-icon-size: var(--oev-ref-size-32);
  --oev-comp-download-icon-container-background-color-default: var(--oev-color-transparent);
  --oev-comp-download-icon-container-background-color-hover: var(--oev-color-transparent);
  --oev-comp-download-icon-container-border-color-default: var(--oev-color-secondary-default);
  --oev-comp-download-icon-container-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-download-icon-container-border-width: var(--oev-ref-size-00);
  --oev-comp-download-icon-container-width: 38px;
  --oev-comp-download-icon-container-height: 38px;
  --oev-comp-download-icon-container-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-download-container-padding: var(--oev-sys-spacing-m);
  --oev-comp-download-container-background-color-default: var(--oev-color-background-01);
  --oev-comp-download-container-background-color-hover: var(--oev-color-background-02);
  --oev-comp-download-container-headline-font-style: var(--oev-font-style-link);
  --oev-comp-download-container-headline-font-color: var(--oev-color-secondary-default);
  --oev-comp-download-container-headline-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-download-container-subheadline-font-style: var(--oev-font-style-body);
  --oev-comp-download-container-subheadline-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-employee-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-employee-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-employee-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-employee-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-employee-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-employee-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-employee-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-employee-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-employee-card-header-image-size: var(--oev-ref-size-160);
  --oev-comp-employee-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-employee-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-employee-card-header-text-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-employee-card-header-text-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-employee-card-header-text-subline-font-style: var(--oev-font-style-link);
  --oev-comp-employee-card-header-text-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-header-text-description-font-style: var(--oev-font-style-body);
  --oev-comp-employee-card-header-text-description-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-header-text-qualifications-font-style: var(--oev-font-style-body);
  --oev-comp-employee-card-header-text-qualifications-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-contact-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-employee-card-contact-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-filter-chip-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-filter-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-filter-spacing-sl-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-flyout-background-color: var(--oev-color-background-17);
  --oev-comp-flyout-elevation-level: var(--oev-sys-elevation-level-2);
  --oev-comp-flyout-content-optional-inner-spacing: var(--oev-sys-spacing-m);
  --oev-comp-flyout-xs-s-border-radius: var(--oev-ref-radius-none);
  --oev-comp-flyout-sl-xl-border-radius: var(--oev-ref-radius-s);
  --oev-comp-flyout-arrow-height: var(--oev-ref-size-08);
  --oev-comp-flyout-arrow-width: var(--oev-ref-size-16);
  --oev-comp-flyout-close-icon-variant: "primary";
  --oev-comp-flyout-close-icon-size: "m";
  --oev-comp-flyout-m-xl-width: 384px;
  --oev-comp-footer-color-background: var(--oev-color-background-01);
  --oev-comp-footer-max-width: 84rem;
  --oev-comp-footer-content-margin-top: var(--oev-sys-spacing-none);
  --oev-comp-footer-link-color-default: var(--oev-color-font-body-default);
  --oev-comp-footer-link-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-footer-link-color-active: var(--oev-color-secondary-active);
  --oev-comp-footer-link-color-visited: var(--oev-color-font-body-default);
  --oev-comp-footer-link-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-footer-top-section-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-footer-top-section-spacing-top-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-footer-top-section-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-footer-top-section-spacing-bottom-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-footer-top-section-border-top: 0.063rem solid transparent;
  --oev-comp-footer-top-section-border-top-xs-s: 0.063rem solid transparent;
  --oev-comp-footer-top-section-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-top-section-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-top-section-headline-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-top-section-link-font: var(--oev-font-style-link);
  --oev-comp-footer-top-section-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-top-section-link-spacing: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-body-spacing-link: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-body-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-footer-accordion-body-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-body-spacing-bottom-xs-s: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-border-bottom: 0.063rem solid rgba(255, 255, 255, .3);
  --oev-comp-footer-accordion-header-font: var(--oev-font-style-h6);
  --oev-comp-footer-accordion-header-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-accordion-link-font: var(--oev-font-style-link);
  --oev-comp-footer-accordion-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-bottom-section-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-top-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-bottom-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-border-top: 0.063rem solid transparent;
  --oev-comp-footer-bottom-section-link-font: var(--oev-font-style-link-small);
  --oev-comp-footer-bottom-section-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-bottom-section-link-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-footer-bottom-section-copyright-font: var(--oev-font-style-body-small);
  --oev-comp-footer-bottom-section-content-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-bottom-section-content-spacing-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-footer-bottom-section-container-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-seals-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-seals-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-seals-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-footer-seals-visual-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-social-media-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-social-media-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-social-media-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-footer-social-media-disclaimer-font: var(--oev-font-style-caption);
  --oev-comp-footer-social-media-disclaimer-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-footer-social-media-icon-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-copyright-link-color: var(--oev-color-font-body-default);
  --oev-comp-greeting-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-greeting-headline-font-style: var(--oev-font-style-h3);
  --oev-comp-greeting-signature-font-color: var(--oev-color-font-calligraphy);
  --oev-comp-greeting-signature-font-style: var(--oev-font-style-signature);
  --oev-comp-greeting-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-greeting-body-font-style: var(--oev-font-style-body);
  --oev-comp-greeting-caption-font-color: var(--oev-color-font-caption);
  --oev-comp-greeting-caption-font-style: var(--oev-font-style-caption);
  --oev-comp-greeting-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-greeting-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-greeting-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-greeting-gap-spacing-headline-body: var(--oev-sys-spacing-m);
  --oev-comp-greeting-gap-spacing-signature-caption: var(--oev-sys-spacing-xs);
  --oev-comp-grid-size-small-landscape: 72.5rem;
  --oev-comp-grid-size-medium: 72.5rem;
  --oev-comp-grid-size-large: 84rem;
  --oev-comp-grid-size-xl: 84rem;
  --oev-comp-grid-size-medium-horizontal-margin: auto;
  --oev-comp-grid-responsive-spacing-top-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-grid-responsive-gap: var(--oev-sys-spacing-m);
  --oev-comp-grid-container-card-view-border-color: var(--oev-color-transparent);
  --oev-comp-grid-container-card-view-border-width: var(--oev-ref-size-00);
  --oev-comp-grid-container-card-view-border-radius: var(--oev-ref-radius-l);
  --oev-comp-grid-container-card-view-box-background: var(--oev-color-background-17);
  --oev-comp-grid-container-card-view-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-grid-container-card-view-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-grid-container-card-view-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-border-left-position: var(--oev-ref-size-00);
  --oev-comp-header-nav-border-width: 100%;
  --oev-comp-header-nav-header-burger-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-header-nav-header-logo-max-width: var(--oev-ref-size-140);
  --oev-comp-header-nav-header-logo-height-sl-xs: var(--oev-ref-size-48);
  --oev-comp-header-nav-header-logo-height-m-xl: var(--oev-ref-size-80);
  --oev-comp-header-nav-header-logo-space-top: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-left: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-align: var(--oev-ref-align-center);
  --oev-comp-header-nav-header-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-header-spacing-vertical: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-header-xl-m-spacing-horizontal: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-header-sl-xs-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-height: var(--oev-ref-size-104);
  --oev-comp-header-nav-header-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-sl-xs-height: var(--oev-ref-size-72);
  --oev-comp-header-nav-header-sl-xs-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-xl-m-height: var(--oev-ref-size-96);
  --oev-comp-header-nav-header-xl-m-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-utility-link-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-header-nav-header-utility-link-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-header-utility-link-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-header-utility-link-icon-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-header-utility-link-textinput-height: var(--oev-ref-size-24);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-height: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-utility-link-textinput-placeholder-font-color-default: var(--oev-color-font-placeholder);
  --oev-comp-header-nav-header-utility-link-textinput-placeholder-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-header-nav-header-utility-link-textinput-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-horizontal: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-left: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-header-nav-header-utility-link-textinput-icon-spacing-horizontal: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-advisor-max-width: 200px;
  --oev-comp-header-nav-header-utility-link-advisor-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-radius: var(--oev-ref-radius-xl);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-size: var(--oev-ref-size-02);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-header-utility-link-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-header-utility-link-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-header-utility-link-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-header-utility-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-header-utility-link-spacing: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-header-utility-link-divider-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-bar-background-color: var(--oev-color-action-white);
  --oev-comp-header-nav-header-sl-xs-utility-bar-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-sl-xs-utility-bar-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-divider-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-border-bottom-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-placeholder-font-color-default: var(--oev-color-font-placeholder);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-placeholder-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-nav-element-border-radius: var(--oev-ref-size-06);
  --oev-comp-header-nav-header-color-outline-focused: var(--oev-color-focus-visible-outline);
  --oev-comp-header-nav-header-top-color-outline: var(--oev-color-focus-visible-outline);
  --oev-comp-header-nav-bar-background-color: var(--oev-color-background-01);
  --oev-comp-header-nav-bar-box-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-header-nav-bar-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-bar-border-bottom-size: var(--oev-ref-size-00);
  --oev-comp-header-nav-bar-height: var(--oev-ref-size-64);
  --oev-comp-header-nav-bar-nav-link-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-header-nav-bar-nav-link-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-bar-nav-link-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-bar-nav-link-icon-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-bar-nav-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-bar-nav-link-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-bar-nav-link-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-bar-nav-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-bar-nav-link-spacing: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-bar-nav-link-padding-horizontal: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-bar-nav-link-border-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-bar-nav-link-border-size-selected-sl-xs: var(--oev-ref-size-06);
  --oev-comp-header-nav-bar-nav-link-border-size-selected-xl-m: var(--oev-ref-size-06);
  --oev-comp-header-nav-bar-nav-link-border-offset-bottom: -7px;
  --oev-comp-header-nav-bar-nav-link-selected-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-selected-border-bottom-size: var(--oev-ref-size-02);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-font-style: var(--oev-font-style-link-medium);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-selected: var(--oev-color-secondary-active);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-hover: var(--oev-color-background-15);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-selected: var(--oev-color-background-15);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-header-nav-flyout-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-header-nav-flyout-menu-level-2-border-left-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-menu-level-2-border-left-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-menu-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-background-color-depth-2: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-background-color-depth-3: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-headline-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-header-nav-flyout-menu-headline-font-color: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-headline-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-flyout-menu-headline-spacing-offset-left: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-flyout-menu-headline-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-menu-headline-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-background-color-hover: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-menu-headline-link-background-color-active: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-menu-link-font-style: var(--oev-font-style-link-medium);
  --oev-comp-header-nav-flyout-menu-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-link-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-flyout-menu-link-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-flyout-menu-link-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-link-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-link-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-flyout-menu-link-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-flyout-menu-link-icon-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-active: var(--oev-color-secondary-active);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-selected: var(--oev-color-secondary-default);
  --oev-comp-header-nav-flyout-menu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-link-background-color-hover: var(--oev-color-background-01);
  --oev-comp-header-nav-flyout-menu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-menu-link-background-color-selected: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-top: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-flyout-menu-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-submenu-link-background-color-default: var(--oev-color-background-01);
  --oev-comp-header-nav-flyout-menu-submenu-link-background-color-hover: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-submenu-border-left-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-submenu-border-left-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-submenu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-color-hover: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-link-background-color-active: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-link-background-color-selected: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-link-background-color-selected-level-3: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-default: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-hover: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-active: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-selected: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-with-background-background-color: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-font-style: var(--oev-font-style-body);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-vertical: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-left-level-2: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-left-level-3: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-item-min-height: var(--oev-ref-size-56);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-1-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-2-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-3-background-color: var(--oev-color-background-14);
  --oev-comp-header-nav-flyout-xl-m-menu-link-style: var(--oev-font-style-link-medium);
  --oev-comp-header-nav-flyout-xl-m-menu-link-min-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-flyout-xl-m-menu-item-min-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-flyout-xl-m-menu-headline-min-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-offset-left: var(--oev-sys-spacing-none);
  --oev-comp-suggest-menu-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-suggest-menu-headline-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-headline-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-suggest-menu-headline-color-default: var(--oev-color-gray-default);
  --oev-comp-suggest-menu-headline-background-color-default: var(--oev-color-background-01);
  --oev-comp-suggest-menu-headline-font-style: var(--oev-font-style-body);
  --oev-comp-suggest-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-suggest-menu-link-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-link-color-default: var(--oev-color-gray-default);
  --oev-comp-suggest-menu-link-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-suggest-menu-link-color-active: var(--oev-color-secondary-active);
  --oev-comp-suggest-menu-link-color-selected: var(--oev-color-secondary-default);
  --oev-comp-suggest-menu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-suggest-menu-link-background-color-hover: var(--oev-color-background-01);
  --oev-comp-suggest-menu-link-background-color-active: var(--oev-color-background-02);
  --oev-comp-suggest-menu-link-background-color-selected: var(--oev-color-background-02);
  --oev-comp-suggest-menu-link-font-style: var(--oev-font-style-link);
  --oev-comp-suggest-menu-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-headline-font-style-subheadline: var(--oev-font-style-subtitle-1);
  --oev-comp-headline-font-style-headline-1: var(--oev-font-style-h1);
  --oev-comp-headline-font-style-headline-2: var(--oev-font-style-h2);
  --oev-comp-headline-font-style-headline-3: var(--oev-font-style-h6);
  --oev-comp-headline-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-headline-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-headline-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-headline-subheadline-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-headline-subheadline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-headline-header-spacing-bottom: var(--oev-ref-spacing-08);
  --oev-comp-here-map-pin-icon-color-active: var(--oev-color-action-white);
  --oev-comp-here-map-pin-background-color-default: var(--oev-color-action-white);
  --oev-comp-here-map-pin-01-icon-color-default: var(--oev-color-secondary-700);
  --oev-comp-here-map-pin-01-background-color-active: var(--oev-color-secondary-700);
  --oev-comp-here-map-pin-02-icon-color-default: var(--oev-color-secondary-700);
  --oev-comp-here-map-pin-02-background-color-active: var(--oev-color-secondary-700);
  --oev-comp-here-map-pin-03-icon-color-default: var(--oev-color-secondary-700);
  --oev-comp-here-map-pin-03-background-color-active: var(--oev-color-secondary-700);
  --oev-comp-here-map-boundingbox-background-color: rgba(0, 0, 0, .1);
  --oev-comp-here-map-boundingbox-border-color: rgba(0, 0, 0, .2);
  --oev-comp-here-map-boundingbox-border-width: var(--oev-ref-size-02);
  --oev-comp-here-map-advisor-card-pointer-width: var(--oev-ref-size-16);
  --oev-comp-here-map-advisor-card-pointer-height: var(--oev-ref-size-08);
  --oev-comp-here-map-advisor-card-width: 336px;
  --oev-comp-here-map-advisor-card-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-here-map-infobox-spacing: var(--oev-sys-spacing-m);
  --oev-comp-here-map-infobox-gap: var(--oev-sys-spacing-m);
  --oev-comp-here-map-infobox-background-color: var(--oev-color-background-01);
  --oev-comp-here-map-infobox-border-radius: 0;
  --oev-comp-here-map-infobox-icon-size: var(--oev-ref-size-20);
  --oev-comp-here-map-infobox-font-style: var(--oev-font-style-body-small);
  --oev-comp-here-map-infobox-font-color: var(--oev-color-font-body-small);
  --oev-comp-hero-image-width: 90rem;
  --oev-comp-hero-card-border-radius: var(--oev-ref-radius-l);
  --oev-comp-hero-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-hero-card-elevation: var(--oev-sys-elevation-level-2);
  --oev-comp-hero-card-color-background: var(--oev-color-background-02);
  --oev-comp-hero-card-headline-color: var(--oev-color-font-subtitle-1);
  --oev-comp-hero-card-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-hero-card-headline-font-weight: var(--oev-font-weight-h6);
  --oev-comp-hero-card-headline-font-size-l-xl: var(--oev-font-size-h6);
  --oev-comp-hero-card-headline-variant-font-weight: var(--oev-font-weight-h1);
  --oev-comp-hero-card-headline-variant-font-size-l-xl: var(--oev-font-size-h1);
  --oev-comp-hero-card-subheadline-color: var(--oev-color-font-h1);
  --oev-comp-hero-card-subheadline-font-style: var(--oev-font-style-h1);
  --oev-comp-hero-card-subtitle-font-weight: var(--oev-font-weight-bold);
  --oev-comp-hero-card-body-font-style: var(--oev-font-style-body);
  --oev-comp-icon-color-token: var(--oev-color-secondary-default);
  --oev-comp-icon-size-20: var(--oev-ref-size-20);
  --oev-comp-icon-size-40: var(--oev-ref-size-40);
  --oev-comp-icon-size-x-small: var(--oev-ref-size-12);
  --oev-comp-icon-size-small: var(--oev-ref-size-16);
  --oev-comp-icon-size-medium: var(--oev-ref-size-24);
  --oev-comp-icon-size-large: var(--oev-ref-size-32);
  --oev-comp-icon-size-x-large: var(--oev-ref-size-48);
  --oev-comp-icon-size-default: var(--oev-comp-icon-size-medium);
  --oev-icon-check-filled: "\ebbd";
  --oev-icon-remove-filled: "\f4ae";
  --oev-icon-info-outlined: "\f03f";
  --oev-icon-close-filled: "\ebdf";
  --oev-icon-arrow-downward-filled: "\ea11";
  --oev-icon-arrow-back-filled: "\ea03";
  --oev-icon-arrow-forward-filled: "\ea19";
  --oev-icon-arrow-upward-filled: "\ea23";
  --oev-icon-calendar-today-filled: "\eb45";
  --oev-icon-chevron-down-filled: "\f095";
  --oev-icon-chevron-left-filled: "\ebc5";
  --oev-icon-chevron-left-outlined: "\ebc6";
  --oev-icon-chevron-right-filled: "\f099";
  --oev-icon-chevron-right-outlined: "\ebc8";
  --oev-icon-chevron-right: "\ebc7";
  --oev-icon-chevron-up-filled: "\f09b";
  --oev-icon-arrow-back-ios-filled: "\ea04";
  --oev-icon-arrow-forward-ios-filled: "\ea1a";
  --oev-icon-expand-more-filled: "\ee01";
  --oev-icon-expand-more-outlined: "\ee02";
  --oev-icon-expand-less-filled: "\edff";
  --oev-icon-calendar-outlined: "\edf5";
  --oev-icon-check-outlined: "\ebbe";
  --oev-icon-hamburger-filled: "\f1cf";
  --oev-icon-question-mark-filled: "\f464";
  --oev-icon-download-filled: "\ed63";
  --oev-icon-insert-drive-file-outlined: "\f049";
  --oev-icon-file-download-outlined: "\ee54";
  --oev-icon-file-filled: "\f048";
  --oev-icon-open-in-new-outlined: "\f309";
  --oev-icon-search-filled: "\f568";
  --oev-icon-search-outlined: "\f56b";
  --oev-icon-person-filled: "\f382";
  --oev-icon-person-outlined: "\f387";
  --oev-icon-location-on-outlined: "\f160";
  --oev-icon-location-pin-filled: "\f161";
  --oev-icon-info-filled: "\f03d";
  --oev-icon-info: "\f03f";
  --oev-icon-edit-location-outlined: "\ed9c";
  --oev-icon-mylocation-filled: "\f269";
  --oev-icon-mylocation-outlined: "\f26a";
  --oev-icon-task-alt-black-filled: "\f775";
  --oev-icon-phone-outlined: "\f146";
  --oev-icon-mobile-phone-outlined: "\f639";
  --oev-icon-video-with-person: "\f863";
  --oev-icon-email-outlined: "\edc1";
  --oev-icon-whatsapp-outlined: "\f8fd";
  --oev-icon-facebook: "\f94b";
  --oev-icon-instagram: "\f94c";
  --oev-icon-xing: "\f953";
  --oev-icon-twitter: "\f951";
  --oev-icon-x: "\f951";
  --oev-icon-linkedin: "\f94e";
  --oev-icon-youtube: "\f954";
  --oev-icon-tiktok: "\f7b7";
  --oev-icon-cancel-outlined: "\eb74";
  --oev-icon-exclamation-mark-outline: "\ede1";
  --oev-icon-upload-arrow: "\ee5a";
  --oev-icon-upload-cloud: "\ebf8";
  --oev-icon-trashcan: "\ecbc";
  --oev-icon-warning-outlined: "\f8c5";
  --oev-icon-awesome-outlined: "\ea59";
  --oev-icon-like-outlined: "\ee2f";
  --oev-icon-share-outlined: "\f5c9";
  --oev-icon-bell-outlined: "\f2e9";
  --oev-icon-remove-red-eye-filled: "\f4b4";
  --oev-icon-remove-red-eye-outlined: "\f4b5";
  --oev-icon-home-outlined: "\eff4";
  --oev-icon-home-filled: "\efee";
  --oev-icon-home-filled-2: "\efef";
  --oev-icon-arrow-right-outlined: "\ea22";
  --oev-icon-number-0: "\fa3a";
  --oev-icon-number-1: "\fa3b";
  --oev-icon-number-2: "\fa3c";
  --oev-icon-number-3: "\fa3d";
  --oev-icon-number-4: "\fa3e";
  --oev-icon-number-5: "\fa3f";
  --oev-icon-number-6: "\fa40";
  --oev-icon-number-7: "\fa41";
  --oev-icon-number-8: "\fa42";
  --oev-icon-number-9: "\fa43";
  --oev-icon-list-default: var(--oev-icon-check-outlined);
  --oev-icon-placeholder: var(--oev-icon-search-outlined);
  --oev-icon-placeholder-1: var(--oev-icon-placeholder);
  --oev-icon-placeholder-2: var(--oev-icon-person-outlined);
  --oev-icon-placeholder-3: var(--oev-icon-mylocation-outlined);
  --oev-icon-location-outlined: var(--oev-icon-location-on-outlined);
  --oev-icon-active-placeholder: var(--oev-icon-search-filled);
  --oev-icon-active-placeholder-1: var(--oev-icon-active-placeholder);
  --oev-icon-active-placeholder-2: var(--oev-icon-person-filled);
  --oev-icon-active-placeholder-3: var(--oev-icon-mylocation-outlined);
  --oev-icon-active-location-outlined: var(--oev-icon-location-pin-filled);
  --oev-icon-comp-tooltip-label: var(--oev-icon-info-filled);
  --oev-icon-comp-datepicker-field: var(--oev-icon-calendar-today-filled);
  --oev-icon-comp-datepicker-picker-arrow-left: var(--oev-icon-chevron-left-outlined);
  --oev-icon-comp-datepicker-picker-arrow-right: var(--oev-icon-chevron-right-outlined);
  --oev-icon-comp-datepicker-expand-arrow: var(--oev-icon-expand-more-outlined);
  --oev-icon-comp-datepicker-calendar: var(--oev-icon-calendar-outlined);
  --oev-icon-comp-dropdown-arrow: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-textinput-error-x: var(--oev-icon-close-filled);
  --oev-icon-comp-textinput-success: var(--oev-icon-check-filled);
  --oev-icon-comp-checkbox-check: var(--oev-icon-check-filled);
  --oev-icon-comp-dropdown-success: var(--oev-icon-check-filled);
  --oev-icon-comp-dropdown-error: var(--oev-icon-close-filled);
  --oev-icon-comp-dropdown-close-result: var(--oev-icon-close-filled);
  --oev-icon-comp-dropdown-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tarifanzeige-open: var(--oev-icon-info-filled);
  --oev-icon-comp-tarifanzeige-close: var(--oev-icon-close-filled);
  --oev-icon-comp-tarifanzeige-service-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tarifanzeige-secondary-text-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-tarifanzeige-secondary-text-close: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-menu-hamburger: var(--oev-icon-hamburger-filled);
  --oev-icon-comp-menu-close: var(--oev-icon-close-filled);
  --oev-icon-comp-menu-accordion-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-menu-accordion-closed: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-menu-crosslink: var(--oev-icon-arrow-forward-filled);
  --oev-icon-comp-slider-prev: var(--oev-icon-chevron-left-filled);
  --oev-icon-comp-slider-next: var(--oev-icon-chevron-right-filled);
  --oev-icon-comp-accordion-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-accordion-closed: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-download: var(--oev-icon-file-download-outlined);
  --oev-icon-comp-download-file: var(--oev-icon-insert-drive-file-outlined);
  --oev-icon-comp-open-file: var(--oev-icon-file-download-outlined);
  --oev-icon-comp-download-cancel: var(--oev-icon-close-filled);
  --oev-icon-comp-flipcard-arrow-right: var(--oev-icon-chevron-right-filled);
  --oev-icon-comp-link-arrow-right: var(--oev-icon-chevron-right-outlined);
  --oev-icon-comp-read-more-arrow-down: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-interaction-like: var(--oev-icon-like-outlined);
  --oev-icon-comp-interaction-share: var(--oev-icon-share-outlined);
  --oev-icon-comp-bell: var(--oev-icon-bell-outlined);
  --oev-icon-comp-nested-header-back: var(--oev-icon-arrow-back-ios-filled);
  --oev-icon-comp-upload-error: var(--oev-icon-exclamation-mark-outline);
  --oev-icon-comp-upload-arrow: var(--oev-icon-upload-arrow);
  --oev-icon-comp-upload-cloud: var(--oev-icon-upload-cloud);
  --oev-icon-comp-upload-trash: var(--oev-icon-trashcan);
  --oev-icon-comp-tariff-comparison-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tariff-comparison-remove: var(--oev-icon-remove-filled);
  --oev-icon-comp-tooltip-icon: var(--oev-icon-info-outlined);
  --oev-icon-comp-password-icon-show: var(--oev-icon-remove-red-eye-filled);
  --oev-icon-comp-password-icon-hide: var(--oev-icon-remove-red-eye-outlined);
  --oev-icon-comp-agency-search-input-clear: var(--oev-icon-close-filled);
  --oev-comp-info-box-headline-font-size: var(--oev-font-size-h2);
  --oev-comp-info-box-headline-font-weight: var(--oev-font-weight-h2);
  --oev-comp-info-box-headline-line-height: var(--oev-line-height-default);
  --oev-comp-info-box-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-info-box-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-info-box-background-color: var(--oev-color-background-01);
  --oev-comp-info-box-icon-color: var(--oev-color-secondary-default);
  --oev-comp-info-box-border-radius: var(--oev-ref-radius-l);
  --oev-comp-info-box-spacing: var(--oev-sys-spacing-l);
  --oev-comp-interactive-tooltip-container-background-color-default: var(--oev-color-custom-01);
  --oev-comp-interactive-tooltip-container-headline-font-style: var(--oev-font-style-h3);
  --oev-comp-interactive-tooltip-container-headline-font-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-container-content-font-style: var(--oev-font-style-body);
  --oev-comp-interactive-tooltip-container-content-font-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-container-spacing-left-right: var(--oev-sys-spacing-xl-2);
  --oev-comp-interactive-tooltip-container-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-interactive-tooltip-outline-container-background-color-default: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-outline-container-font-color: var(--oev-color-font-body-default);
  --oev-comp-interactive-tooltip-accordion-background-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-accordion-header-font-style: var(--oev-font-style-link);
  --oev-comp-interactive-tooltip-accordion-header-font-color: var(--oev-color-font-link);
  --oev-comp-interactive-tooltip-accordion-header-font-weight: var(--oev-font-weight-link);
  --oev-comp-interactive-tooltip-accordion-header-icon-color: var(--oev-color-font-link);
  --oev-comp-interactive-tooltip-accordion-header-open-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-interactive-tooltip-accordion-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-interactive-tooltip-accordion-spacing-left-right: var(--oev-sys-spacing-xl-2);
  --oev-comp-interactive-tooltip-outline-accordion-background-color: var(--oev-color-gray-100);
  --oev-comp-interactive-tooltip-icon-color: var(--oev-color-gray-default);
  --oev-comp-interactive-tooltip-border-radius: var(--oev-ref-radius-none);
  --oev-comp-job-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-job-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-job-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-job-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-job-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-job-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-job-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-job-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-job-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-job-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-job-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-job-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-job-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-job-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-job-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-job-card-header-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-job-card-header-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-job-card-job-offers-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-job-card-job-offers-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-job-card-job-offers-indented-spacing: var(--oev-sys-spacing-m);
  --oev-comp-job-card-job-offers-gap: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-button-outlined-background-color: var(--oev-color-background-17);
  --oev-comp-level-navigation-headline-1-font-style: var(--oev-font-style-h3);
  --oev-comp-level-navigation-headline-2-font-style: var(--oev-font-style-h5);
  --oev-comp-level-navigation-level-1-background-color: var(--oev-color-background-17);
  --oev-comp-level-navigation-level-1-headline-spacing-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-1-button-size: var(--oev-ref-size-96);
  --oev-comp-level-navigation-level-1-button-label-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-1-button-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-level-navigation-level-1-button-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-level-navigation-level-1-spacing-top-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-1-spacing-top-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-1-spacing-bottom-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-1-spacing-bottom-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-background-color: var(--oev-color-background-02);
  --oev-comp-level-navigation-level-2-headline-spacing-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-button-size: var(--oev-ref-size-64);
  --oev-comp-level-navigation-level-2-button-label-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-level-navigation-level-2-button-icon-size-default: var(--oev-ref-size-24);
  --oev-comp-level-navigation-level-2-button-icon-size-active: var(--oev-ref-size-40);
  --oev-comp-level-navigation-level-2-spacing-top-sl-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-spacing-top-m-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-level-navigation-level-2-spacing-bottom-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-2-spacing-bottom-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-background-color: var(--oev-color-gray-50);
  --oev-comp-level-navigation-level-3-headline-spacing-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-button-size: var(--oev-ref-size-64);
  --oev-comp-level-navigation-level-3-button-label-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-level-navigation-level-3-button-icon-size-default: var(--oev-ref-size-24);
  --oev-comp-level-navigation-level-3-button-icon-size-active: var(--oev-ref-size-40);
  --oev-comp-level-navigation-level-3-spacing-top-sl-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-spacing-top-m-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-level-navigation-level-3-spacing-bottom-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-3-spacing-bottom-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-list-item-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-list-item-body-font-style: var(--oev-font-style-body);
  --oev-comp-list-item-icon-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-list-item-spacing-vertical: var(--oev-sys-spacing-m);
  --oev-comp-list-background-color-hover: var(--oev-color-transparent);
  --oev-comp-list-bullet-margin-right: 0.375rem;
  --oev-comp-list-bullet-margin-left: -0.8rem;
  --oev-comp-list-bullet-font-size: 0.75rem;
  --oev-comp-list-figure-margin-right: 0.188rem;
  --oev-comp-list-figure-margin-left: -1.063rem;
  --oev-comp-loading-indicators-bar-color: var(--oev-color-primary-default);
  --oev-comp-loading-indicators-bar-background-color: var(--oev-color-background-white);
  --oev-comp-loading-indicators-bar-height: var(--oev-ref-size-06);
  --oev-comp-loading-indicators-bar-border-radius: var(--oev-ref-radius-l);
  --oev-comp-loading-indicators-ring-color: var(--oev-color-primary-default);
  --oev-comp-loading-indicators-spinner-color: var(--oev-color-primary-default);
  --oev-comp-progress-tabs-border-bottom-color-current: var(--oev-color-secondary-default);
  --oev-comp-progress-tabs-border-bottom-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-progress-tabs-border-bottom-color-active: var(--oev-color-secondary-active);
  --oev-comp-progress-tabs-border-bottom-color-previous: var(--oev-color-secondary-visited);
  --oev-comp-progress-tabs-border-bottom-color-next: var(--oev-color-gray-600);
  --oev-comp-progress-tabs-current-triangle-width: var(--oev-ref-size-16);
  --oev-comp-progress-tabs-current-triangle-height: var(--oev-ref-size-08);
  --oev-comp-progress-tabs-font-color-current: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-hover: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-focus: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-previous: var(--oev-color-secondary-visited);
  --oev-comp-progress-tabs-font-color-next: var(--oev-color-gray-600);
  --oev-comp-progress-tabs-font-spacing-bottom-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-progress-tabs-font-spacing-bottom-m-xl: var(--oev-sys-spacing-s);
  --oev-comp-progress-tabs-font-spacing-sides-xs-s: var(--oev-sys-spacing-xxs);
  --oev-comp-progress-tabs-font-spacing-sides-m-xl: var(--oev-sys-spacing-xs);
  --oev-comp-progress-tabs-font-style-xs-s: var(--oev-font-style-body-small);
  --oev-comp-progress-tabs-font-style-m-xl: var(--oev-font-style-body);
  --oev-comp-progress-tabs-font-max-lines-xs-s: 3;
  --oev-comp-progress-tabs-font-max-lines-m-xl: 2;
  --oev-comp-progressbar-onsite-background-color: var(--oev-color-transparent);
  --oev-comp-progressbar-sticky-background-color: var(--oev-color-background-17);
  --oev-comp-progressbar-sticky-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-progressbar-sticky-box-spacing-top-bottom-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-progressbar-sticky-box-spacing-top-bottom-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-progressbar-sticky-box-spacing-left-right-xs: var(--oev-sys-spacing-s);
  --oev-comp-progressbar-sticky-box-spacing-left-right-s-xl: var(--oev-sys-spacing-none);
  --oev-comp-progressbar-inline-box-spacing-top-bottom-xs-s: var(--oev-sys-spacing-xl-1);
  --oev-comp-progressbar-inline-box-spacing-top-bottom-m-xl: var(--oev-sys-spacing-xl-3);
  --oev-comp-progressbar-bar-color-active: var(--oev-color-secondary-default);
  --oev-comp-progressbar-bar-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-progressbar-bar-color-next: var(--oev-color-gray-500);
  --oev-comp-progressbar-bar-point-size: var(--oev-ref-size-12);
  --oev-comp-progressbar-bar-point-spacing-bottom: var(--oev-ref-spacing-01);
  --oev-comp-progressbar-bar-line-width: var(--oev-ref-size-02);
  --oev-comp-progressbar-label-color-active: var(--oev-color-secondary-default);
  --oev-comp-progressbar-label-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-progressbar-label-color-next: var(--oev-color-font-body-default);
  --oev-comp-progressbar-label-spacing-bottom: var(--oev-ref-spacing-20);
  --oev-comp-progressbar-label-spacing-left-right-xs: var(--oev-sys-spacing-xxs);
  --oev-comp-progressbar-label-font-style-xs: var(--oev-font-style-link-small);
  --oev-comp-progressbar-label-font-style-s-xl: var(--oev-font-style-link);
  --oev-comp-read-more-border-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-read-more-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-read-more-spacing-bottom: var(--oev-sys-spacing-none);
  --oev-comp-search-bar-border-radius-top-left: var(--oev-ref-radius-none);
  --oev-comp-search-bar-border-radius-top-right: var(--oev-ref-radius-m);
  --oev-comp-search-bar-border-radius-bottom-left: var(--oev-ref-radius-none);
  --oev-comp-search-bar-border-radius-bottom-right: var(--oev-ref-radius-m);
  --oev-comp-search-bar-error-font-style: var(--oev-font-style-error);
  --oev-comp-search-bar-error-font-color: var(--oev-color-action-error);
  --oev-comp-search-bar-errorbox-margin-top: var(--oev-sys-spacing-xxs);
  --oev-comp-stage-card-subtitle-font-weight: var(--oev-font-weight-bold);
  --oev-comp-step-display-spacing-top-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-top-m-xl: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-bottom-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-bottom-m-xl: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-gap-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-step-display-spacing-gap-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-step-display-step-item-connector-width: var(--oev-ref-size-04);
  --oev-comp-step-display-step-item-spacing-gap-vertical-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-spacing-gap-vertical-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-step-display-step-item-spacing-gap-horizontal-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-spacing-gap-horizontal-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-circle-size-xs-s: var(--oev-ref-size-48);
  --oev-comp-step-display-step-item-circle-size-m-xl: var(--oev-ref-size-56);
  --oev-comp-step-display-step-item-circle-default-icon-color: var(--oev-color-secondary-default);
  --oev-comp-step-display-step-item-circle-default-border-color: var(--oev-color-secondary-default);
  --oev-comp-step-display-step-item-circle-default-connector-color: var(--oev-comp-step-display-step-item-circle-default-border-color);
  --oev-comp-step-display-step-item-circle-default-background-color: var(--oev-color-background-17);
  --oev-comp-step-display-step-item-circle-completed-icon-color: var(--oev-color-action-white);
  --oev-comp-step-display-step-item-circle-completed-border-color: var(--oev-color-action-success);
  --oev-comp-step-display-step-item-circle-completed-connector-color: var(--oev-comp-step-display-step-item-circle-completed-border-color);
  --oev-comp-step-display-step-item-circle-completed-background-color: var(--oev-color-action-success);
  --oev-comp-step-display-step-item-content-headline-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-step-display-step-item-content-text-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-max-width: 75rem;
  --oev-comp-sticky-footer-flex-direction-xs-s: column;
  --oev-comp-sticky-footer-flex-direction-m-xl: row;
  --oev-comp-sticky-footer-label-font-style: var(--oev-font-style-link);
  --oev-comp-sticky-footer-label-color-default: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-hover: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-active: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-focus: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-selected: var(--oev-color-action-white);
  --oev-comp-sticky-footer-icon-color-default: var(--oev-color-action-white);
  --oev-comp-sticky-footer-icon-color-hover: rgba(255, 255, 255, .7);
  --oev-comp-sticky-footer-icon-color-active: rgba(255, 255, 255, .9);
  --oev-comp-sticky-footer-icon-color-focus: rgba(255, 255, 255, .7);
  --oev-comp-sticky-footer-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-sticky-footer-icon-label-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-color-background-default: var(--oev-color-secondary-default);
  --oev-comp-sticky-footer-color-background-hover: var(--oev-color-secondary-hover);
  --oev-comp-sticky-footer-color-background-active: var(--oev-color-secondary-active);
  --oev-comp-sticky-footer-color-outline-focus: var(--oev-color-secondary-focus);
  --oev-comp-sticky-footer-spacing-top-xs-sl: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-spacing-bottom-xs-sl: var(--oev-sys-spacing-s);
  --oev-comp-sticky-footer-spacing-horizontal-xs-sl: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-spacing-horizontal-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-spacing-vertical-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-sticky-footer-outline-focus-width: var(--oev-ref-size-02);
  --oev-comp-form-summary-background-color: var(--oev-color-background-17);
  --oev-comp-form-summary-header-gap-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-form-summary-spacing-gap-xs-s: var(--oev-sys-spacing-xl-3);
  --oev-comp-form-summary-spacing-gap-m-xl: var(--oev-sys-spacing-xl-5);
  --oev-comp-form-summary-data-section-gap-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-form-summary-row-background-color-alternate: var(--oev-color-background-01);
  --oev-comp-table-row-font-style-label: var(--oev-font-style-body);
  --oev-comp-table-row-font-style-value: var(--oev-font-style-link);
  --oev-comp-table-row-font-color-label: var(--oev-color-font-body-default);
  --oev-comp-table-row-font-color-value: var(--oev-color-font-body-default);
  --oev-comp-table-row-font-weight-value: var(--oev-font-weight-bold);
  --oev-comp-table-row-spacing-left-right: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-spacing-top-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-background-color-default: var(--oev-color-background-17);
  --oev-comp-table-row-background-color-alternate: var(--oev-color-background-14);
  --oev-comp-table-row-border-color: var(--oev-color-gray-300);
  --oev-comp-table-row-border-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-headline-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-tariff-comparison-header-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-header-border-color: var(--oev-color-transparent);
  --oev-comp-tariff-comparison-header-border-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-border-radius: var(--oev-ref-radius-m);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-color: var(--oev-color-transparent);
  --oev-comp-tariff-comparison-header-overline-offset-top: 80%;
  --oev-comp-tariff-comparison-header-overline-highlighted-offset-top: 20%;
  --oev-comp-tariff-comparison-header-overline-color-background: var(--oev-color-background-10);
  --oev-comp-tariff-comparison-header-overline-border-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-header-overline-border-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-header-overline-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-overline-text-spacing-left-right: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-overline-text-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-overline-font-style-xs: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-overline-font-style-s-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-overline-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-tariff-comparison-header-tariff-name-color-background: var(--oev-color-background-01);
  --oev-comp-tariff-comparison-header-tariff-name-visible-color-background-x-small: var(--oev-color-secondary-default);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-color-background: var(--oev-color-background-13);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-font-color: var(--oev-comp-tariff-comparison-header-tariff-name-font-color);
  --oev-comp-tariff-comparison-header-tariff-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-tariff-name-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-top-bottom: var(--oev-ref-spacing-12);
  --oev-comp-tariff-comparison-header-price-container-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-price-container-color-background: var(--oev-color-background-01);
  --oev-comp-tariff-comparison-header-price-container-highlighted-color-background: var(--oev-color-background-13);
  --oev-comp-tariff-comparison-header-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-header-tariff-price-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-tariff-price-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-xs-s: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-m-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-tariff-price-period-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-visible-tariff-price-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-subline-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-color-background-x-small: var(--oev-color-secondary-default);
  --oev-comp-tariff-comparison-header-visible-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-highlighted-font-color-x-small: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-visible-arrow-container-border-color-x-small: var(--oev-color-secondary-default);
  --oev-comp-tariff-comparison-content-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-content-tariffgroup-name-color-background: var(--oev-color-background-02);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-style: var(--oev-font-style-link);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffgroup-name-tooltip-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-open: var(--oev-color-secondary-active);
  --oev-comp-tariff-comparison-content-tariffrow-color-background-hover: var(--oev-color-background-01);
  --oev-comp-tariff-comparison-content-tariffrow-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-color: var(--oev-color-background-02);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-color: var(--oev-color-background-02);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-style: var(--oev-font-style-body);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-check-color: var(--oev-color-action-success);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-remove-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-yes: var(--oev-icon-check-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-no: var(--oev-icon-remove-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-1: var(--oev-sys-spacing-xl-1);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-2: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-name-module-group-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-content-container-spacing-top: var(--oev-ref-spacing-20);
  --oev-comp-tariff-comparison-content-container-spacing-gap: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-footer-tarifffooter-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-tarifffooter-color-background: var(--oev-color-background-01);
  --oev-comp-tariff-comparison-footer-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-tariff-price-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-footer-anchoring-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-anchoring-font-color: var(--oev-color-font-h5);
  --oev-comp-tariff-comparison-footer-anchoring-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-container-color-background: var(--oev-color-background-01);
  --oev-comp-tariff-comparison-footer-anchoring-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-width: var(--oev-ref-size-02);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-footer-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-footer-subline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-button-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tile-item-border-color-default: var(--oev-color-gray-default);
  --oev-comp-tile-item-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tile-item-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-tile-item-border-color-active: var(--oev-color-primary-active);
  --oev-comp-tile-item-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-tile-item-border-color-focus: var(--oev-color-action-focus-on-light);
  --oev-comp-tile-item-border-width-default: var(--oev-ref-size-01);
  --oev-comp-tile-item-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-tile-item-border-radius: var(--oev-ref-radius-s);
  --oev-comp-tile-item-icon-background-color-checked: var(--oev-color-primary-default);
  --oev-comp-tile-item-icon-size-default: var(--oev-font-size-xl-1);
  --oev-comp-tile-item-icon-size-checked: var(--oev-comp-icon-size-medium);
  --oev-comp-tile-item-icon-size-label: var(--oev-comp-icon-size-x-large);
  --oev-comp-tile-item-icon-checked-spacing: var(--oev-ref-spacing-08);
  --oev-comp-tile-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-tile-item-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-tile-item-font-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-tile-item-font-color-active: var(--oev-color-gray-active);
  --oev-comp-tile-item-font-color-selected: var(--oev-color-gray-default);
  --oev-comp-tile-item-font-color-focus: var(--oev-color-gray-default);
  --oev-comp-tile-item-font-style: var(--oev-font-style-body);
  --oev-comp-tile-item-background-color-default: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-hover: var(--oev-color-gray-100);
  --oev-comp-tile-item-background-color-disabled: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-active: var(--oev-color-gray-100);
  --oev-comp-tile-item-background-color-selected: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-focus: var(--oev-color-background-17);
  --oev-comp-tile-item-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tile-item-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tile-item-label-max-height: var(--oev-ref-size-72);
  --oev-comp-tiles-gap-spacing-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-tiles-gap-spacing-sl-xs: var(--oev-sys-spacing-m);
  --oev-comp-tiles-error-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-tiles-error-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-tiles-font-color-error: var(--oev-color-font-error);
  --oev-comp-tiles-font-style-error: var(--oev-font-style-error);
  --oev-comp-tooltip-icon-content: var(--oev-icon-info-outlined);
  --oev-comp-tooltip-icon-size: var(--oev-comp-icon-size-20);
  --oev-comp-tooltip-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-tooltip-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-tooltip-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-tooltip-icon-color-focus: var(--oev-color-secondary-focus);
  --oev-comp-tooltip-content-background-color-default: var(--oev-color-background-17);
  --oev-comp-tooltip-content-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tooltip-content-font-style: var(--oev-font-style-body);
  --oev-comp-tooltip-content-font-color: var(--oev-color-font-body-default);
  --oev-comp-tooltip-content-border-radius: var(--oev-ref-radius-m);
  --oev-comp-tooltip-content-border-color: var(--oev-color-gray-300);
  --oev-comp-tooltip-content-link-text-decoration: none;
  --oev-comp-tooltip-content-link-color-default: var(--oev-color-primary-default);
  --oev-comp-tooltip-content-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tooltip-content-link-color-active: var(--oev-color-primary-active);
  --oev-comp-tooltip-content-link-color-focus: var(--oev-color-primary-focus);
  --oev-comp-tooltip-content-link-color-visited: var(--oev-color-font-link);
  --oev-comp-tooltip-content-icon-close-content: var(--oev-icon-close-filled);
  --oev-comp-tooltip-content-icon-close-size: var(--oev-comp-icon-size-20);
  --oev-comp-tooltip-content-icon-close-color-default: var(--oev-color-gray-default);
  --oev-comp-tooltip-content-icon-close-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-tooltip-content-icon-close-color-active: var(--oev-color-secondary-active);
  --oev-comp-tooltip-content-icon-close-color-focus: var(--oev-color-secondary-focus);
  --oev-comp-tooltip-pointer-width: var(--oev-sys-spacing-l);
  --oev-comp-tooltip-pointer-height: var(--oev-sys-spacing-s);
  --oev-comp-tooltip-pointer-border-color: var(--oev-color-action-white);
  --oev-comp-tooltip-modal-background-color-default: var(--oev-color-background-17);
  --oev-comp-tooltip-modal-background-darkening-color-default: var(--oev-color-action-black);
  --oev-comp-tooltip-modal-background-darkening-opacity: var(--oev-ref-opacity-20);
  --oev-comp-tooltip-modal-font-color: var(--oev-color-font-body-default);
  --oev-comp-tooltip-modal-font-style: var(--oev-font-style-body);
  --oev-comp-tooltip-modal-border-radius-top: var(--oev-ref-radius-m);
  --oev-comp-tooltip-modal-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tooltip-modal-footer-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-upload-background-color: var(--oev-color-background-02);
  --oev-comp-upload-border-radius: var(--oev-ref-radius-m);
  --oev-comp-upload-error-color: var(--oev-color-action-error);
  --oev-comp-upload-error-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-spacing-top-xs: var(--oev-sys-spacing-m);
  --oev-comp-upload-spacing-top-s-xl: var(--oev-sys-spacing-l);
  --oev-comp-upload-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-upload-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-border-svg-default: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23BFBFBFFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-border-svg-drag-and-drop: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%235C5C5CFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-border-svg-active: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%235C5C5CFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-headline-color: var(--oev-color-font-h6);
  --oev-comp-upload-headline-drag-and-drop-color: var(--oev-color-gray-500);
  --oev-comp-upload-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-upload-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-description-font-style: var(--oev-font-style-body-small);
  --oev-comp-upload-description-color: var(--oev-color-font-body-default);
  --oev-comp-upload-description-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-description-drag-and-drop-color: var(--oev-color-gray-500);
  --oev-comp-upload-status-background-color: var(--oev-color-background-01);
  --oev-comp-upload-status-bar-color: var(--oev-color-action-white);
  --oev-comp-upload-status-bar-filling-color: var(--oev-color-secondary-default);
  --oev-comp-upload-status-icon-cross-color: var(--oev-color-secondary-default);
  --oev-comp-upload-status-icon-trash-color: var(--oev-color-gray-default);
  --oev-comp-upload-status-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-upload-status-icon-color-hover: var(--oev-color-gray-hover);
  --oev-comp-upload-status-icon-color-active: var(--oev-color-gray-active);
  --oev-comp-upload-status-icon-color-error: var(--oev-color-action-error);
  --oev-comp-upload-status-icon-border-color: var(--oev-color-transparent);
  --oev-comp-upload-status-filename-color: var(--oev-color-font-body-default);
  --oev-comp-upload-status-filename-font-style: var(--oev-font-style-body);
  --oev-comp-upload-status-percent-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-status-percent-color: var(--oev-color-font-body-default);
  --oev-comp-upload-status-error-color: var(--oev-color-action-error);
  --oev-comp-upload-status-error-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-status-success-color: var(--oev-color-action-success);
  --oev-comp-upload-status-spacing-default: var(--oev-sys-spacing-m);
  --oev-comp-upload-status-spacing-between: var(--oev-sys-spacing-xs);
  --oev-ref-opacity-0: 0;
  --oev-ref-opacity-10: .1;
  --oev-ref-opacity-20: .2;
  --oev-ref-opacity-30: .3;
  --oev-ref-opacity-40: .4;
  --oev-ref-opacity-50: .5;
  --oev-ref-opacity-60: .6;
  --oev-ref-opacity-70: .7;
  --oev-ref-opacity-80: .8;
  --oev-ref-opacity-90: .9;
  --oev-ref-opacity-100: 1;
  --oev-ref-z-index-1: 1;
  --oev-ref-z-index-5: 5;
  --oev-ref-z-index-10: 10;
  --oev-ref-z-index-15: 15;
  --oev-ref-z-index-20: 20;
  --oev-ref-z-index-30: 30;
  --oev-ref-z-index-40: 40;
  --oev-ref-z-index-45: 45;
  --oev-ref-z-index-50: 50;
  --oev-ref-z-index-60: 60;
  --oev-ref-z-index-70: 70;
  --oev-ref-z-index-80: 80;
  --oev-ref-z-index-90: 90;
  --oev-ref-z-index-100: 100;
  --oev-ref-z-index-105: 105;
  --oev-ref-z-index-negative: -1;
  --oev-ref-align-top: flex-start;
  --oev-ref-align-center: center;
  --oev-ref-align-bottom: baseline;
  --oev-sys-focus-visible-border-color: var(--oev-color-focus-visible-outline);
  --oev-sys-focus-visible-border-radius: var(--oev-ref-radius-06);
  --oev-sys-focus-visible-outline-width: 100%;
  --oev-sys-focus-visible-outline-height-changer: var(--oev-ref-spacing-12);
  --oev-sys-focus-visible-left-offset: -4px;
  --oev-sys-focus-visible-padding: 2px 4px;
  --oev-ref-radius-24: var(--oev-ref-size-24);
  --oev-ref-radius-32: var(--oev-ref-size-32);
  --oev-ref-radius-50: var(--oev-ref-size-50);
  --oev-ref-radius-none: 0;
  --oev-ref-radius-s: 0.25rem;
  --oev-ref-radius-m: 0.5rem;
  --oev-ref-radius-l: 1rem;
  --oev-ref-radius-xl: 50%;
  --oev-ref-radius-03: var(--oev-ref-size-03);
  --oev-ref-radius-06: var(--oev-ref-size-06);
  --oev-sys-box-shadow-0: 0 0 0 #00000016;
  --oev-sys-box-shadow-1: 0 0.063rem 0.125rem #00000016;
  --oev-sys-box-shadow-2: 0 0.125rem 0.375rem #00000016;
  --oev-sys-box-shadow-3: 0 0.375rem 0.75rem #00000016;
  --oev-sys-box-shadow-4: 0 0.75rem 1.5rem #00000016;
  --oev-ref-box-shadow-default: 0 0.1875rem 0.625rem #00000029;
  --oev-ref-box-shadow-hover: 0 0.125rem 0.375rem #00000029;
  --oev-ref-box-shadow-pressed: 0 0.0625rem 0.1875rem #00000029;
  --oev-ref-box-shadow-dragged: 0 0 0.75rem #00000029;
  --oev-ref-box-shadow-disabled: 0 0.0625rem 0.25rem #00000015;
  --oev-sys-box-shadow-none: none;
  --oev-sys-elevation-level-0: 0 0 0 #00000029;
  --oev-sys-elevation-level-1: 0 0.063rem 0.125rem #00000029;
  --oev-sys-elevation-level-2: 0 0.188rem 0.375rem #00000029;
  --oev-sys-elevation-level-3: 0 0.375rem 0.75rem #00000029;
  --oev-sys-elevation-level-4: 0 0.75rem 1.5rem #00000029;
  --oev-ref-size-10: 0.625rem;
  --oev-ref-size-12: 0.75rem;
  --oev-ref-size-15: 0.938rem;
  --oev-ref-size-16: 1rem;
  --oev-ref-size-20: 1.25rem;
  --oev-ref-size-24: 1.5rem;
  --oev-ref-size-32: 2rem;
  --oev-ref-size-40: 2.5rem;
  --oev-ref-size-48: 3rem;
  --oev-ref-size-50: 3.125rem;
  --oev-ref-size-56: 3.5rem;
  --oev-ref-size-58: 3.625rem;
  --oev-ref-size-64: 4rem;
  --oev-ref-size-72: 4.5rem;
  --oev-ref-size-80: 5rem;
  --oev-ref-size-88: 5.5rem;
  --oev-ref-size-96: 6rem;
  --oev-ref-size-102: 6.375rem;
  --oev-ref-size-104: 6.5rem;
  --oev-ref-size-120: 7.5rem;
  --oev-ref-size-140: 8.75rem;
  --oev-ref-size-160: 10rem;
  --oev-ref-size-192: 12rem;
  --oev-ref-size-256: 16rem;
  --oev-ref-size-00: 0;
  --oev-ref-size-01: 0.063rem;
  --oev-ref-size-02: 0.125rem;
  --oev-ref-size-03: 0.188rem;
  --oev-ref-size-04: 0.25rem;
  --oev-ref-size-06: 0.375rem;
  --oev-ref-size-08: 0.5rem;
  --oev-ref-size-auto: 100%;
  --oev-ref-spacing-10: 0.625rem;
  --oev-ref-spacing-12: 0.75rem;
  --oev-ref-spacing-14: 0.875rem;
  --oev-ref-spacing-15: 0.938rem;
  --oev-ref-spacing-16: 1rem;
  --oev-ref-spacing-20: 1.25rem;
  --oev-ref-spacing-24: 1.5rem;
  --oev-ref-spacing-32: 2rem;
  --oev-ref-spacing-40: 2.5rem;
  --oev-ref-spacing-48: 3rem;
  --oev-ref-spacing-56: 3.5rem;
  --oev-ref-spacing-64: 4rem;
  --oev-ref-spacing-72: 4.5rem;
  --oev-ref-spacing-80: 5rem;
  --oev-ref-spacing-96: 6rem;
  --oev-ref-spacing-00: 0;
  --oev-ref-spacing-01: 0.063rem;
  --oev-ref-spacing-02: 0.125rem;
  --oev-ref-spacing-04: 0.25rem;
  --oev-ref-spacing-06: 0.375rem;
  --oev-ref-spacing-08: 0.5rem;
  --oev-ref-spacing-negative-07: -7px;
  --oev-sys-spacing-none: var(--oev-ref-spacing-00);
  --oev-sys-spacing-xxs: var(--oev-ref-spacing-04);
  --oev-sys-spacing-xs: var(--oev-ref-spacing-08);
  --oev-sys-spacing-s: var(--oev-ref-spacing-12);
  --oev-sys-spacing-m: var(--oev-ref-spacing-16);
  --oev-sys-spacing-l: var(--oev-ref-spacing-24);
  --oev-sys-spacing-xl-1: var(--oev-ref-spacing-32);
  --oev-sys-spacing-xl-2: var(--oev-ref-spacing-40);
  --oev-sys-spacing-xl-3: var(--oev-ref-spacing-48);
  --oev-sys-spacing-xl-4: var(--oev-ref-spacing-56);
  --oev-sys-spacing-xl-5: var(--oev-ref-spacing-64);
  --oev-sys-spacing-xl-6: var(--oev-ref-spacing-72);
  --oev-sys-spacing-xl-7: var(--oev-ref-spacing-80);
  --oev-sys-spacing-xl-8: var(--oev-ref-spacing-96);
  --oev-sys-spacing-responsive-xxs: var(--oev-ref-spacing-04);
  --oev-sys-spacing-responsive-xs: var(--oev-ref-spacing-08);
  --oev-sys-spacing-responsive-s: var(--oev-ref-spacing-12);
  --oev-sys-spacing-responsive-m: var(--oev-ref-spacing-16);
  --oev-sys-spacing-responsive-l: var(--oev-ref-spacing-20);
  --oev-sys-spacing-responsive-xl: var(--oev-ref-spacing-24);
  --oev-sys-spacing-responsive-xxl: var(--oev-ref-spacing-32);
  --oev-font-family-sans-serif: Ubuntu, sans-serif;
  --oev-font-family-serif:
    Georgia,
    Times,
    serif;
  --oev-font-family-light: var(--oev-font-family-sans-serif);
  --oev-font-family-bold: var(--oev-font-family-sans-serif);
  --oev-font-family-black: var(--oev-font-family-sans-serif);
  --oev-font-family-default: var(--oev-font-family-sans-serif);
  --oev-font-family-calligraphy: "Caveat", cursive;
  --oev-font-family-icon: "iconfont-vk-dxp";
  --oev-font-family-stage: var(--oev-font-family-h1);
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-light);
  --oev-font-family-body-small: var(--oev-font-family-light);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 600;
  --oev-font-weight-bold: 700;
  --oev-font-weight-black: 900;
  --oev-font-weight-default: var(--oev-font-weight-regular);
  --oev-font-weight-stage: var(--oev-font-weight-h1);
  --oev-font-weight-h1: var(--oev-font-weight-bold);
  --oev-font-weight-h2: var(--oev-font-weight-bold);
  --oev-font-weight-h3: var(--oev-font-weight-bold);
  --oev-font-weight-h4: var(--oev-font-weight-bold);
  --oev-font-weight-h5: var(--oev-font-weight-bold);
  --oev-font-weight-h6: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-bold);
  --oev-font-weight-body: var(--oev-font-weight-default);
  --oev-font-weight-body-small: var(--oev-font-weight-default);
  --oev-font-weight-label: var(--oev-font-weight-medium);
  --oev-font-weight-label-small: var(--oev-font-weight-medium);
  --oev-font-weight-link: var(--oev-font-weight-bold);
  --oev-font-weight-link-medium: var(--oev-font-weight-bold);
  --oev-font-weight-link-small: var(--oev-font-weight-bold);
  --oev-font-weight-caption: var(--oev-font-weight-default);
  --oev-font-weight-error: var(--oev-font-weight-medium);
  --oev-font-size-38: calc(38/16 * 1rem);
  --oev-font-size-xxs: calc(12/16 * 1rem);
  --oev-font-size-xs: calc(14/16 * 1rem);
  --oev-font-size-s: 1rem;
  --oev-font-size-m: calc(18/16 * 1rem);
  --oev-font-size-l: calc(20/16 * 1rem);
  --oev-font-size-xl-1: calc(24/16 * 1rem);
  --oev-font-size-xl-2: calc(32/16 * 1rem);
  --oev-font-size-xl-3: calc(36/16 * 1rem);
  --oev-font-size-xl-4: calc(40/16 * 1rem);
  --oev-font-size-xl-5: calc(26/16 * 1rem);
  --oev-font-size-xl-6: calc(28/16 * 1rem);
  --oev-font-size-xl-7: calc(29/16 * 1rem);
  --oev-font-size-xl-8: calc(32/16 * 1rem);
  --oev-font-size-xl-9: calc(36/16 * 1rem);
  --oev-font-size-xl-10: calc(34/16 * 1rem);
  --oev-font-size-stage: var(--oev-font-size-h1);
  --oev-font-size-h1: var(--oev-font-size-xl-2);
  --oev-font-size-h2: var(--oev-font-size-xl-1);
  --oev-font-size-h3: var(--oev-font-size-xl-2);
  --oev-font-size-h4: var(--oev-font-size-xl-1);
  --oev-font-size-h5: var(--oev-font-size-l);
  --oev-font-size-h6: var(--oev-font-size-m);
  --oev-font-size-subtitle-1: var(--oev-font-size-l);
  --oev-font-size-subtitle-2: var(--oev-font-size-m);
  --oev-font-size-body: var(--oev-font-size-s);
  --oev-font-size-body-small: var(--oev-font-size-xs);
  --oev-font-size-label: var(--oev-font-size-xs);
  --oev-font-size-label-small: var(--oev-font-size-xxs);
  --oev-font-size-link: var(--oev-font-size-s);
  --oev-font-size-link-medium: var(--oev-font-size-xs);
  --oev-font-size-link-small: var(--oev-font-size-xxs);
  --oev-font-size-caption: var(--oev-font-size-xxs);
  --oev-font-size-error: var(--oev-font-size-xxs);
  --oev-font-style-stage: normal normal 700 var(--oev-font-size-stage) / 130% Ubuntu, sans-serif;
  --oev-font-style-h1: normal normal 700 var(--oev-font-size-h1) / 130% Ubuntu, sans-serif;
  --oev-font-style-h2: normal normal 700 var(--oev-font-size-h2) / 130% Ubuntu, sans-serif;
  --oev-font-style-h3: normal normal 700 var(--oev-font-size-h3) / 130% Ubuntu, sans-serif;
  --oev-font-style-h4: normal normal 700 var(--oev-font-size-h4) / 130% Ubuntu, sans-serif;
  --oev-font-style-h5: normal normal 700 var(--oev-font-size-h5) / 130% Ubuntu, sans-serif;
  --oev-font-style-h6: normal normal 700 var(--oev-font-size-h6) / 130% Ubuntu, sans-serif;
  --oev-font-style-subtitle-1: normal normal 700 var(--oev-font-size-subtitle-1) / 130% Ubuntu, sans-serif;
  --oev-font-style-subtitle-2: normal normal 700 var(--oev-font-size-subtitle-2) / 130% Ubuntu, sans-serif;
  --oev-font-style-body: normal normal 400 1rem / 1.5 Ubuntu, sans-serif;
  --oev-font-style-body-small: normal normal 400 var(--oev-font-size-body-small) / 130% Ubuntu, sans-serif;
  --oev-font-style-label: normal normal 600 calc(14/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-label-small: normal normal 600 calc(12/16 * 1rem) / 1.17 Ubuntu, sans-serif;
  --oev-font-style-link: normal normal 700 1rem / 1.5 Ubuntu, sans-serif;
  --oev-font-style-link-small: normal normal 700 calc(12/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-link-medium: normal normal 700 calc(14/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-caption: normal normal 400 calc(12/16 * 1rem) / 1.5 Ubuntu, sans-serif;
  --oev-font-style-error: normal normal 600 calc(12/16 * 1rem) / 1.17 Ubuntu, sans-serif;
  --oev-font-style-signature: normal normal 400 var(--oev-font-size-subtitle-2) / 130% "Caveat", cursive;
  --oev-line-height-xxs: 1;
  --oev-line-height-xs: 1.17;
  --oev-line-height-s: 130%;
  --oev-line-height-m: 1.5;
  --oev-line-height-l: 2.5;
  --oev-line-height-default: var(--oev-line-height-s);
  --oev-line-height-stage: var(--oev-line-height-h1);
  --oev-line-height-h1: var(--oev-line-height-default);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-subtitle-1: var(--oev-line-height-default);
  --oev-line-height-subtitle-2: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-m);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-xs);
  --oev-line-height-link: var(--oev-line-height-m);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-error: var(--oev-line-height-xs);
  --oev-line-height-caption: var(--oev-line-height-m);
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-forms-radio-button-options-row-spacing: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-forms-radio-button-options-row-spacing: 0.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-forms-radio-button-options-row-spacing: 0.75rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-responsive-spacing-top-bottom: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-responsive-spacing-top-bottom: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-responsive-spacing-top-bottom: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-container-card-view-spacing-left-right: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-container-card-view-spacing-left-right: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-comp-grid-container-card-view-spacing-left-right: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xxs: 0.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xxs: 0.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xxs: 1rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xs: 0.75rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xs: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xs: 1.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-s: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-s: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-s: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-m: 1.25rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-m: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-m: 2rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-l: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-l: 2rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-l: 2.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xl: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xl: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xl: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xxl: 2.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xxl: 3rem;
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-sys-spacing-responsive-xxl: 3.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h1: calc(36/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h1: calc(40/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h1: calc(40/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h2: calc(32/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h2: calc(36/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h2: calc(36/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h3: calc(36/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h3: calc(40/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h3: calc(40/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h4: calc(32/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h4: calc(34/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h4: calc(34/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h5: calc(24/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h5: calc(28/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h5: calc(28/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h6: calc(20/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h6: calc(24/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-h6: calc(24/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-subtitle-1: calc(24/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-subtitle-1: calc(32/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-subtitle-1: calc(32/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-subtitle-2: calc(20/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-subtitle-2: calc(24/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-subtitle-2: calc(24/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-aok,
  .theme-bavaria-direkt,
  .theme-bgv,
  .theme-oesa,
  .theme-oevbs,
  .theme-svlfg,
  .theme-vmk {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
.theme-geno {
  --oev-color-container-10: var(--oev-color-custom-10);
  --oev-color-container-11: var(--oev-color-custom-11);
  --oev-color-container-12: var(--oev-color-custom-12);
  --oev-color-container-13: var(--oev-color-gray-100);
  --oev-color-container-14: var(--oev-color-action-white);
  --oev-color-container-15: var(--oev-color-container-01);
  --oev-color-container-01: var(--oev-color-custom-01);
  --oev-color-container-02: var(--oev-color-custom-02);
  --oev-color-container-03: var(--oev-color-custom-03);
  --oev-color-container-04: var(--oev-color-custom-04);
  --oev-color-container-05: var(--oev-color-custom-05);
  --oev-color-container-06: var(--oev-color-custom-06);
  --oev-color-container-07: var(--oev-color-custom-07);
  --oev-color-container-08: var(--oev-color-custom-08);
  --oev-color-container-09: var(--oev-color-custom-09);
  --oev-color-container-pg-01: var(--oev-color-container-09);
  --oev-color-container-pg-02: var(--oev-color-container-11);
  --oev-color-container-pg-03: var(--oev-color-container-06);
  --oev-color-primary-50: #EBF2F4;
  --oev-color-primary-100: #D7E4EA;
  --oev-color-primary-200: #C4D7DF;
  --oev-color-primary-300: #B0CAD4;
  --oev-color-primary-400: #9CBCC9;
  --oev-color-primary-500: #88AFBF;
  --oev-color-primary-600: #6195A9;
  --oev-color-primary-700: #4D879F;
  --oev-color-primary-800: #397A94;
  --oev-color-primary-900: #336E85;
  --oev-color-primary-default: var(--oev-color-primary-800);
  --oev-color-primary-hover: var(--oev-color-primary-900);
  --oev-color-primary-focus: var(--oev-color-primary-500);
  --oev-color-primary-active: var(--oev-color-primary-800);
  --oev-color-primary-disabled: var(--oev-color-primary-200);
  --oev-color-primary-visited: var(--oev-color-primary-400);
  --oev-color-secondary-50: #E6ECF3;
  --oev-color-secondary-100: #CCDAE7;
  --oev-color-secondary-200: #B3C7DC;
  --oev-color-secondary-300: #87A9CC;
  --oev-color-secondary-400: #678EB5;
  --oev-color-secondary-500: #356AA1;
  --oev-color-secondary-600: #1B5895;
  --oev-color-secondary-700: #024589;
  --oev-color-secondary-800: #023970;
  --oev-color-secondary-900: #012C57;
  --oev-color-secondary-default: var(--oev-color-secondary-800);
  --oev-color-secondary-hover: var(--oev-color-secondary-900);
  --oev-color-secondary-focus: var(--oev-color-secondary-500);
  --oev-color-secondary-active: var(--oev-color-secondary-800);
  --oev-color-secondary-disabled: var(--oev-color-secondary-200);
  --oev-color-secondary-visited: var(--oev-color-secondary-400);
  --oev-color-custom-10: #CEA2C7;
  --oev-color-custom-11: #82A698;
  --oev-color-custom-12: #8DB9BE;
  --oev-color-custom-01: #F3F7FC;
  --oev-color-custom-02: #E7EFFB;
  --oev-color-custom-03: #A66A00;
  --oev-color-custom-04: #DBC399;
  --oev-color-custom-05: #EDE1CC;
  --oev-color-custom-06: #B2D8C4;
  --oev-color-custom-07: #41DB76;
  --oev-color-custom-08: #D1E3E5;
  --oev-color-custom-09: #861773;
  --oev-color-gray-50: #F4F8FA;
  --oev-color-gray-100: #F0F5F7;
  --oev-color-gray-200: #E4E9ED;
  --oev-color-gray-300: #CED4D9;
  --oev-color-gray-400: #ACB7BF;
  --oev-color-gray-500: #808B92;
  --oev-color-gray-600: #6C757B;
  --oev-color-gray-700: #515C64;
  --oev-color-gray-800: #3D474E;
  --oev-color-gray-900: #1B1D1E;
  --oev-color-gray-default: var(--oev-color-gray-900);
  --oev-color-gray-hover: var(--oev-color-gray-900);
  --oev-color-gray-focus: var(--oev-color-gray-900);
  --oev-color-gray-active: var(--oev-color-gray-900);
  --oev-color-gray-disabled: var(--oev-color-gray-400);
  --oev-color-gray-visited: var(--oev-color-gray-400);
  --oev-color-action-white: #FFFFFF;
  --oev-color-action-black: #000000;
  --oev-color-action-success: #14885E;
  --oev-color-action-warning: #EC672F;
  --oev-color-action-error: #9D253C;
  --oev-color-action-info: #F2E6CE;
  --oev-color-action-focus-on-light: #0047FF;
  --oev-color-action-focus-on-dark: #88ACFF;
  --oev-color-brand-sparkasse: #ee0000;
  --oev-color-white: var(--oev-color-action-white);
  --oev-color-black: var(--oev-color-action-black);
  --oev-color-gradient-01:
    linear-gradient(
      90deg,
      #023970,
      #356AA1);
  --oev-color-gradient-02:
    linear-gradient(
      90deg,
      #4D879F,
      #88AFBF);
  --oev-color-gradient-03:
    linear-gradient(
      45deg,
      #023970,
      #356AA1);
  --oev-color-gradient-04:
    linear-gradient(
      45deg,
      #4D879F,
      #88AFBF);
  --oev-color-transparent: transparent;
  --oev-color-white-default: rgba(255, 255, 255, 1);
  --oev-color-white-hover: rgba(255, 255, 255, .7);
  --oev-color-white-active: rgba(255, 255, 255, .9);
  --oev-color-white-focus: rgba(255, 255, 255, .6);
  --oev-color-white-visited: rgba(255, 255, 255, .8);
  --oev-color-white-disabled: rgba(255, 255, 255, .4);
  --oev-color-success: var(--oev-color-action-success);
  --oev-color-warning: var(--oev-color-action-warning);
  --oev-color-error: var(--oev-color-action-error);
  --oev-color-info: var(--oev-color-action-info);
  --oev-color-black-default: rgba(0, 0, 0, 1);
  --oev-color-black-hover: rgba(0, 0, 0, .7);
  --oev-color-black-active: rgba(0, 0, 0, .9);
  --oev-color-black-focus: rgba(0, 0, 0, .6);
  --oev-color-black-visited: rgba(0, 0, 0, .8);
  --oev-color-black-disabled: rgba(0, 0, 0, .4);
  --oev-color-background-10: var(--oev-color-action-black);
  --oev-color-background-11: var(--oev-color-custom-11);
  --oev-color-background-12: var(--oev-color-custom-12);
  --oev-color-background-13: var(--oev-color-primary-50);
  --oev-color-background-14: var(--oev-color-background-dark);
  --oev-color-background-15: var(--oev-color-background-light);
  --oev-color-background-16: var(--oev-color-secondary-50);
  --oev-color-background-17: var(--oev-color-background-white);
  --oev-color-background-18: var(--oev-color-background-black);
  --oev-color-background-01: var(--oev-color-custom-01);
  --oev-color-background-02: var(--oev-color-custom-02);
  --oev-color-background-03: var(--oev-color-primary-700);
  --oev-color-background-04: var(--oev-color-custom-03);
  --oev-color-background-05: var(--oev-color-custom-05);
  --oev-color-background-06: var(--oev-color-gray-50);
  --oev-color-background-07: var(--oev-color-gray-100);
  --oev-color-background-08: var(--oev-color-gray-600);
  --oev-color-background-09: var(--oev-color-action-white);
  --oev-color-background-white: var(--oev-color-action-white);
  --oev-color-background-black: var(--oev-color-action-black);
  --oev-color-background-dark: var(--oev-color-gray-100);
  --oev-color-background-light: var(--oev-color-gray-50);
  --oev-color-font-body-default: var(--oev-color-gray-900);
  --oev-color-font-body-disabled: var(--oev-color-gray-disabled);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-font-body-default);
  --oev-color-font-headline: var(--oev-color-secondary-700);
  --oev-color-font-headline-inverted: var(--oev-color-action-white);
  --oev-color-font-subheadline: var(--oev-color-custom-03);
  --oev-color-font-h1: var(--oev-color-font-headline);
  --oev-color-font-h2: var(--oev-color-font-headline);
  --oev-color-font-h3: var(--oev-color-font-headline);
  --oev-color-font-h4: var(--oev-color-font-headline);
  --oev-color-font-h5: var(--oev-color-font-headline);
  --oev-color-font-h6: var(--oev-color-font-headline);
  --oev-color-font-subtitle-1: var(--oev-color-font-subheadline);
  --oev-color-font-subtitle-2: var(--oev-color-font-subheadline);
  --oev-color-font-label: var(--oev-color-gray-900);
  --oev-color-font-label-inverted: var(--oev-color-action-white);
  --oev-color-font-label-small: var(--oev-color-font-label);
  --oev-color-font-link: var(--oev-color-font-body-default);
  --oev-color-font-link-small: var(--oev-color-font-link);
  --oev-color-font-link-medium: var(--oev-color-font-link);
  --oev-color-font-caption: var(--oev-color-font-body-default);
  --oev-color-font-error: var(--oev-color-action-error);
  --oev-color-font-placeholder: var(--oev-color-gray-600);
  --oev-color-font-calligraphy: var(--oev-color-primary-900);
  --oev-color-pictogram-1: var(--oev-color-primary-default);
  --oev-color-pictogram-2: #C00D14;
  --oev-color-pictogram-3: var(--oev-color-action-white);
  --oev-color-pictogram-4: var(--oev-color-transparent);
  --oev-color-illustration-1: var(--oev-color-primary-50);
  --oev-color-shadow: #00000029;
  --oev-color-focus-visible-outline: var(--oev-color-action-focus-on-light);
  --oev-comp-accordion-header-color-background-default: var(--oev-color-background-06);
  --oev-comp-accordion-header-color-background-hover: var(--oev-color-background-17);
  --oev-comp-accordion-header-color-default: var(--oev-color-secondary-default);
  --oev-comp-accordion-header-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-accordion-header-color-active: var(--oev-color-secondary-active);
  --oev-comp-accordion-header-color-open: var(--oev-color-secondary-default);
  --oev-comp-accordion-header-font-weight-default: var(--oev-font-weight-bold);
  --oev-comp-accordion-header-font-weight-hover: var(--oev-comp-accordion-header-font-weight-default);
  --oev-comp-accordion-header-font-weight-active: var(--oev-comp-accordion-header-font-weight-default);
  --oev-comp-accordion-header-font-weight-open: var(--oev-comp-accordion-header-font-weight-default);
  --oev-comp-accordion-header-icon-default: var(--oev-color-custom-03);
  --oev-comp-accordion-header-icon-hover: var(--oev-color-custom-03);
  --oev-comp-accordion-header-icon-active: var(--oev-color-custom-03);
  --oev-comp-accordion-header-icon-open: var(--oev-color-custom-03);
  --oev-comp-accordion-body-color-background: var(--oev-color-transparent);
  --oev-comp-accordion-body-color-default: var(--oev-color-font-body-default);
  --oev-comp-accordion-body-spacing: var(--oev-sys-spacing-m);
  --oev-comp-accordion-body-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-accordion-body-font-style: normal normal 400 1rem / 1.5 Ubuntu, sans-serif;
  --oev-comp-accordion-body-font-weight: var(--oev-font-weight-body);
  --oev-comp-accordion-body-font-size: var(--oev-font-size-body);
  --oev-comp-accordion-body-line-height: var(--oev-line-height-m);
  --oev-comp-accordion-divider-color: var(--oev-color-action-white);
  --oev-comp-accordion-divider-height: var(--oev-ref-size-02);
  --oev-comp-advisor-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-advisor-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-advisor-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-advisor-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-advisor-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-advisor-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-advisor-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-advisor-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-advisor-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-advisor-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-advisor-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-advisor-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-advisor-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-advisor-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-advisor-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-advisor-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-advisor-card-header-distance-gap: var(--oev-ref-spacing-02);
  --oev-comp-advisor-card-header-distance-padding: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-header-distance-border-radius: var(--oev-ref-radius-s);
  --oev-comp-advisor-card-header-distance-background-color: var(--oev-color-background-15);
  --oev-comp-advisor-card-header-distance-number-font-style: var(--oev-font-style-link-small);
  --oev-comp-advisor-card-header-distance-label-font-style: var(--oev-font-style-caption);
  --oev-comp-advisor-card-header-distance-font-color: var(--oev-color-font-label);
  --oev-comp-advisor-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-header-text-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-advisor-card-header-text-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-advisor-card-status-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-status-expandable-gap: var(--oev-sys-spacing-xs);
  --oev-comp-advisor-card-status-opening-hours-headline-gap: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-status-opening-hours-headline-font-style: var(--oev-font-style-link);
  --oev-comp-advisor-card-status-opening-hours-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-advisor-card-status-opening-hours-headline-gap-stacked: var(--oev-sys-spacing-xxs);
  --oev-comp-advisor-card-socialmedia-headline-font-style: var(--oev-font-style-link);
  --oev-comp-advisor-card-socialmedia-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-advisor-card-socialmedia-icons-gap: var(--oev-sys-spacing-s);
  --oev-comp-advisor-card-socialmedia-gap: var(--oev-sys-spacing-xs);
  --oev-comp-agency-search-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-agency-search-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-agency-search-auto-suggest-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-agency-search-auto-suggest-category-color-background: var(--oev-color-custom-02);
  --oev-comp-agency-search-auto-suggest-category-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-auto-suggest-category-font-color: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-category-inner-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-auto-suggest-category-inner-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-default: var(--oev-color-background-17);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-hover: var(--oev-color-background-14);
  --oev-comp-agency-search-auto-suggest-result-item-color-background-selected: var(--oev-color-background-01);
  --oev-comp-agency-search-auto-suggest-result-item-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-agency-search-auto-suggest-result-item-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-agency-search-auto-suggest-result-item-inner-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-auto-suggest-result-item-inner-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-weight: var(--oev-font-weight-bold);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-agency-search-auto-suggest-result-item-marked-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-agency-search-privacy-background: var(--oev-color-gray-100);
  --oev-comp-agency-search-privacy-font-style: var(--oev-font-style-body);
  --oev-comp-agency-search-privacy-font-color: var(--oev-color-font-body-default);
  --oev-comp-agency-search-privacy-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-agency-search-text-input-border-radius-top-left: var(--oev-ref-radius-m);
  --oev-comp-agency-search-text-input-border-radius-bottom-left: var(--oev-ref-radius-m);
  --oev-comp-agency-search-text-input-padding-right: var(--oev-sys-spacing-xl-3);
  --oev-comp-agency-search-text-input-icon-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-submit-button-border-radius-top-right: var(--oev-ref-radius-m);
  --oev-comp-agency-search-submit-button-border-radius-bottom-right: var(--oev-ref-radius-m);
  --oev-comp-agency-search-search-type-gap: var(--oev-sys-spacing-l);
  --oev-comp-agency-search-filter-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-agency-search-shadow: var(--oev-sys-elevation-level-1);
  --oev-comp-agency-search-spacing: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-gap: var(--oev-sys-spacing-m);
  --oev-comp-agency-search-background: var(--oev-color-action-white);
  --oev-comp-agency-search-results-divider-color: var(--oev-color-gray-300);
  --oev-comp-agency-search-results-divider-width: var(--oev-ref-size-01);
  --oev-comp-agency-search-results-border-top-color: var(--oev-color-gray-500);
  --oev-comp-agency-search-results-border-top-width: var(--oev-ref-size-01);
  --oev-comp-agency-search-search-card-width: 400px;
  --oev-comp-agency-search-map-height-above-sl: 800px;
  --oev-comp-agency-search-map-height-below-sl: 400px;
  --oev-comp-agency-search-map-gap: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-prefix-font-style: var(--oev-font-style-body);
  --oev-comp-anchor-nav-textbox-size: var(--oev-ref-size-24);
  --oev-comp-anchor-nav-link-color-default: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-anchor-nav-link-color-focus: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-color-active: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-color-selected: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-link-border-size: var(--oev-ref-size-04);
  --oev-comp-anchor-nav-link-font-style-default: var(--oev-font-style-body);
  --oev-comp-anchor-nav-link-font-style-hover: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-focus: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-active: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-font-style-selected: var(--oev-font-style-link);
  --oev-comp-anchor-nav-link-spacing-horizontal-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-anchor-nav-link-spacing-horizontal-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-anchor-nav-link-spacing-vertical-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-anchor-nav-link-spacing-vertical-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-anchor-nav-link-focus-visible-border-radius: var(--oev-ref-radius-06);
  --oev-comp-anchor-nav-icon-interactive-color-default: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-icon-interactive-color-hover: var(--oev-color-primary-hover);
  --oev-comp-anchor-nav-icon-interactive-color-focus: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-icon-interactive-color-active: var(--oev-color-primary-default);
  --oev-comp-anchor-nav-icon-interactive-size: var(--oev-comp-icon-size-large);
  --oev-comp-anchor-nav-background-color: var(--oev-color-background-17);
  --oev-comp-anchor-nav-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-anchor-nav-divider-bottom-color: var(--oev-color-primary-400);
  --oev-comp-anchor-nav-divider-bottom-size: var(--oev-ref-size-01);
  --oev-comp-badge-size-xs: var(--oev-ref-size-64);
  --oev-comp-badge-size-l: var(--oev-ref-size-80);
  --oev-comp-badge-size-default: var(--oev-comp-badge-size-xs);
  --oev-comp-badge-background-color-default: var(--oev-color-primary-default);
  --oev-comp-badge-content-rotation: 22.75deg;
  --oev-comp-badge-border-width: var(--oev-ref-size-00);
  --oev-comp-badge-border-color: var(--oev-color-transparent);
  --oev-comp-badge-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-badge-font-style: var(--oev-font-style-body-small);
  --oev-comp-badge-font-color: var(--oev-color-action-white);
  --oev-comp-badge-icon-color: var(--oev-color-action-white);
  --oev-comp-badge-icon-spacing: var(--oev-sys-spacing-none);
  --oev-comp-banner-background-color: var(--oev-color-primary-900);
  --oev-comp-banner-text-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-banner-text-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-banner-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-banner-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-banner-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-banner-border-radius: 0.25rem 0.25rem 0 0;
  --oev-comp-branch-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-branch-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-branch-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-branch-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-branch-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-branch-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-branch-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-branch-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-branch-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-branch-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-branch-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-branch-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-branch-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-branch-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-header-text-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-branch-card-header-text-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-branch-card-header-text-teaser-font-style: var(--oev-font-style-h6);
  --oev-comp-branch-card-header-text-teaser-font-color: var(--oev-color-font-h6);
  --oev-comp-branch-card-status-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-status-opening-hours-headline-gap: var(--oev-sys-spacing-s);
  --oev-comp-branch-card-status-opening-hours-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-status-opening-hours-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-branch-card-contact-options-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-branch-card-contact-options-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-branch-card-contact-options-gap: var(--oev-sys-spacing-l);
  --oev-comp-branch-card-contact-socialmedia-headline-font-style: var(--oev-font-style-link);
  --oev-comp-branch-card-contact-socialmedia-headline-font-color: var(--oev-color-font-h6);
  --oev-comp-branch-card-contact-socialmedia-icons-gap: var(--oev-sys-spacing-s);
  --oev-comp-branch-card-contact-socialmedia-gap: var(--oev-sys-spacing-xs);
  --oev-comp-branch-card-wide-content-gap: var(--oev-sys-spacing-m);
  --oev-comp-breadcrumb-background-color: var(--oev-color-background-17);
  --oev-comp-breadcrumb-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-breadcrumb-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-breadcrumb-spacing-vertical: var(--oev-sys-spacing-xs);
  --oev-comp-breadcrumb-spacing-gap: var(--oev-sys-spacing-xxs);
  --oev-comp-breadcrumb-home-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-breadcrumb-separator-color: var(--oev-color-gray-500);
  --oev-comp-breadcrumb-separator-icon-size: var(--oev-comp-icon-size-small);
  --oev-comp-breadcrumb-link-color-default: var(--oev-color-gray-default);
  --oev-comp-breadcrumb-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-breadcrumb-link-color-active: var(--oev-color-primary-active);
  --oev-comp-breadcrumb-link-color-current: var(--oev-color-primary-default);
  --oev-comp-breadcrumb-link-font-style-default: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-hover: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-active: var(--oev-font-style-link-medium);
  --oev-comp-breadcrumb-link-font-style-current: var(--oev-font-style-link-medium);
  --oev-comp-business-card-divider-color: var(--oev-color-gray-200);
  --oev-comp-business-card-container-spacing: var(--oev-ref-spacing-16);
  --oev-comp-business-card-distance-badge-background-color: var(--oev-color-gray-100);
  --oev-comp-business-card-distance-badge-number-font-style: var(--oev-font-style-link-small);
  --oev-comp-business-card-distance-badge-unit-font-style: var(--oev-font-style-link-small);
  --oev-comp-business-card-distance-badge-spacing-bottom: var(--oev-ref-spacing-08);
  --oev-comp-business-card-distance-badge-padding-left-right: var(--oev-ref-spacing-08);
  --oev-comp-business-card-distance-badge-padding-top-bottom: var(--oev-ref-spacing-02);
  --oev-comp-business-card-distance-badge-radius: var(--oev-ref-size-04);
  --oev-comp-business-card-title-font-style: var(--oev-font-style-h6);
  --oev-comp-business-card-headline-spacing-bottom: var(--oev-ref-spacing-04);
  --oev-comp-business-card-address-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-business-card-list-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-button-icon-spacing: var(--oev-ref-spacing-06);
  --oev-comp-button-font-style: var(--oev-font-style-link);
  --oev-comp-button-font-weight: var(--oev-font-weight-link);
  --oev-comp-button-font-size: var(--oev-font-size-link);
  --oev-comp-button-labeled-spacing-left-and-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-button-unlabeled-spacing-left-and-right: var(--oev-sys-spacing-s);
  --oev-comp-button-border-width: var(--oev-ref-size-02);
  --oev-comp-button-border-width-hover: var(--oev-ref-size-03);
  --oev-comp-button-border-radius: var(--oev-ref-radius-m);
  --oev-comp-button-color-outline-focused: var(--oev-color-focus-visible-outline);
  --oev-comp-button-offset-outline-focused: var(--oev-ref-size-02);
  --oev-comp-button-primary-contained-background-color-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-contained-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-contained-background-color-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-contained-background-color-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-contained-background-color-disabled: var(--oev-color-gray-200);
  --oev-comp-button-primary-contained-color-label-default: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-hover: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-active: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-focus: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-label-disabled: var(--oev-color-gray-700);
  --oev-comp-button-primary-contained-color-icon-default: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-hover: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-active: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-focus: var(--oev-color-action-white);
  --oev-comp-button-primary-contained-color-icon-disabled: var(--oev-color-gray-700);
  --oev-comp-button-primary-outlined-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-outlined-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-outlined-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-outlined-color-icon-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-outlined-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-outlined-color-label-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-outlined-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-outlined-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-outlined-color-label-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-outlined-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-outlined-color-border-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-outlined-color-border-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-outlined-color-border-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-outlined-color-border-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-outlined-color-border-disabled: var(--oev-color-gray-600);
  --oev-comp-button-primary-outlined-color-background-default: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-hover: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-active: var(--oev-color-transparent);
  --oev-comp-button-primary-outlined-color-background-disabled: var(--oev-color-transparent);
  --oev-comp-button-primary-link-color-label-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-link-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-link-color-label-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-link-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-link-color-label-visited: var(--oev-color-primary-default);
  --oev-comp-button-primary-link-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-primary-link-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-primary-link-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-primary-link-color-icon-active: var(--oev-color-primary-active);
  --oev-comp-button-primary-link-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-primary-link-color-icon-visited: var(--oev-color-primary-default);
  --oev-comp-button-primary-link-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-secondary-outlined-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-outlined-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-outlined-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-border-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-outlined-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-border-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-outlined-color-background-default: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-hover: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-focus: var(--oev-color-secondary-50);
  --oev-comp-button-secondary-outlined-color-background-active: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-background-disabled: var(--oev-color-transparent);
  --oev-comp-button-secondary-outlined-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-outlined-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-outlined-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-outlined-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-outlined-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-contained-color-label-default: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-hover: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-focus: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-active: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-label-disabled: var(--oev-color-gray-700);
  --oev-comp-button-secondary-contained-color-background-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-contained-color-background-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-contained-color-background-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-contained-color-background-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-background-disabled: var(--oev-color-gray-200);
  --oev-comp-button-secondary-contained-color-border-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-contained-color-border-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-contained-color-border-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-contained-color-border-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-contained-color-border-disabled: var(--oev-color-gray-200);
  --oev-comp-button-secondary-contained-color-icon-default: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-hover: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-focus: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-active: var(--oev-color-action-white);
  --oev-comp-button-secondary-contained-color-icon-disabled: var(--oev-color-gray-700);
  --oev-comp-button-secondary-link-color-label-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-link-color-label-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-link-color-label-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-link-color-label-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-link-color-label-visited: var(--oev-color-secondary-visited);
  --oev-comp-button-secondary-link-color-label-disabled: var(--oev-color-gray-600);
  --oev-comp-button-secondary-link-color-icon-default: var(--oev-color-secondary-default);
  --oev-comp-button-secondary-link-color-icon-hover: var(--oev-color-secondary-hover);
  --oev-comp-button-secondary-link-color-icon-active: var(--oev-color-secondary-active);
  --oev-comp-button-secondary-link-color-icon-focus: var(--oev-color-secondary-focus);
  --oev-comp-button-secondary-link-color-icon-visited: var(--oev-color-secondary-visited);
  --oev-comp-button-secondary-link-color-icon-disabled: var(--oev-color-gray-600);
  --oev-comp-button-white-contained-color-label-default: var(--oev-color-primary-default);
  --oev-comp-button-white-contained-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-white-contained-color-label-active: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-white-contained-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-white-contained-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-white-contained-color-icon-active: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-white-contained-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-white-outlined-color-default: var(--oev-color-white-default);
  --oev-comp-button-white-outlined-color-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-outlined-color-active: var(--oev-color-white-active);
  --oev-comp-button-white-outlined-color-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-outlined-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-white-link-color-label-default: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-label-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-link-color-label-active: var(--oev-color-white-active);
  --oev-comp-button-white-link-color-label-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-link-color-label-visited: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-label-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-white-link-color-icon-default: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-icon-hover: var(--oev-color-white-hover);
  --oev-comp-button-white-link-color-icon-active: var(--oev-color-white-active);
  --oev-comp-button-white-link-color-icon-focus: var(--oev-color-white-focus);
  --oev-comp-button-white-link-color-icon-visited: var(--oev-color-white-default);
  --oev-comp-button-white-link-color-icon-disabled: var(--oev-color-white-disabled);
  --oev-comp-button-link-color-label-default: var(--oev-color-primary-default);
  --oev-comp-button-link-color-label-hover: var(--oev-color-primary-hover);
  --oev-comp-button-link-color-label-active: var(--oev-color-primary-active);
  --oev-comp-button-link-color-label-focus: var(--oev-color-primary-focus);
  --oev-comp-button-link-color-label-visited: var(--oev-color-primary-default);
  --oev-comp-button-link-color-label-disabled: var(--oev-color-primary-disabled);
  --oev-comp-button-link-color-icon-default: var(--oev-color-primary-default);
  --oev-comp-button-link-color-icon-hover: var(--oev-color-primary-hover);
  --oev-comp-button-link-color-icon-active: var(--oev-color-primary-active);
  --oev-comp-button-link-color-icon-focus: var(--oev-color-primary-focus);
  --oev-comp-button-link-color-icon-visited: var(--oev-color-primary-default);
  --oev-comp-button-link-color-icon-disabled: var(--oev-color-primary-disabled);
  --oev-comp-card-icon-text-content-box-spacing-top: var(--oev-sys-spacing-xl-2);
  --oev-comp-card-icon-text-content-box-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-content-box-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-content-box-background-color: var(--oev-color-background-02);
  --oev-comp-card-icon-text-content-box-border-radius: var(--oev-ref-radius-l);
  --oev-comp-card-icon-text-icon-container-box-shadow: var(--oev-sys-elevation-level-3);
  --oev-comp-card-icon-text-icon-container-border-radius: var(--oev-ref-radius-l);
  --oev-comp-card-icon-text-icon-container-size: var(--oev-ref-size-80);
  --oev-comp-card-icon-text-icon-container-background-color: var(--oev-color-background-17);
  --oev-comp-card-icon-text-icon-color: var(--oev-color-secondary-default);
  --oev-comp-card-icon-text-headline-font-style: var(--oev-font-style-h2);
  --oev-comp-card-icon-text-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-card-icon-text-headline-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-card-icon-text-body-font-style: var(--oev-font-style-body);
  --oev-comp-card-icon-text-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-card-icon-text-body-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-card-border-radius: var(--oev-ref-radius-l);
  --oev-comp-card-badge-zindex: var(--oev-ref-z-index-20);
  --oev-comp-card-header-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-card-header-spacing-right: var(--oev-sys-spacing-l);
  --oev-comp-card-header-spacing-teaser-top: var(--oev-sys-spacing-m);
  --oev-comp-card-header-title-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-header-title-font-style: var(--oev-font-style-h3);
  --oev-comp-card-header-title-font-color: var(--oev-color-font-headline);
  --oev-comp-card-header-subtitle-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-card-header-subtitle-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-card-header-subtitle-font-color: var(--oev-color-font-subheadline);
  --oev-comp-card-header-teaser-font-style: var(--oev-font-style-body);
  --oev-comp-card-header-teaser-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-content-outer-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-link-color-default: var(--oev-color-primary-default);
  --oev-comp-card-content-read-more-link-color: var(--oev-color-primary-default);
  --oev-comp-card-content-top-section-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-card-content-top-section-secondary-title-font-style: var(--oev-font-style-h6);
  --oev-comp-card-content-top-section-secondary-title-font-color: var(--oev-color-font-headline);
  --oev-comp-card-content-top-section-body-text-font-style: var(--oev-font-style-body);
  --oev-comp-card-content-bottom-section-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-card-content-bottom-section-caption-font-style: var(--oev-font-style-caption);
  --oev-comp-card-media-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-color-background-10: var(--oev-color-custom-10);
  --oev-comp-card-color-background-11: var(--oev-color-custom-11);
  --oev-comp-card-color-background-12: var(--oev-color-custom-12);
  --oev-comp-card-color-background-13: var(--oev-color-gray-100);
  --oev-comp-card-color-background-14: var(--oev-color-action-white);
  --oev-comp-card-color-background-15: var(--oev-comp-card-color-background-09);
  --oev-comp-card-color-background-default: var(--oev-color-action-white);
  --oev-comp-card-color-background-01: var(--oev-color-custom-01);
  --oev-comp-card-color-background-02: var(--oev-color-custom-02);
  --oev-comp-card-color-background-03: var(--oev-color-custom-03);
  --oev-comp-card-color-background-04: var(--oev-color-custom-04);
  --oev-comp-card-color-background-05: var(--oev-color-custom-05);
  --oev-comp-card-color-background-06: var(--oev-color-custom-06);
  --oev-comp-card-color-background-07: var(--oev-color-custom-07);
  --oev-comp-card-color-background-08: var(--oev-color-custom-08);
  --oev-comp-card-color-background-09: var(--oev-color-custom-09);
  --oev-comp-card-color-background-pg-01: var(--oev-color-container-pg-01);
  --oev-comp-card-color-background-pg-02: var(--oev-color-container-pg-02);
  --oev-comp-card-color-background-pg-03: var(--oev-color-container-pg-03);
  --oev-comp-card-slider-spacing-left-right: var(--oev-ref-spacing-06);
  --oev-comp-card-slider-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-indicators-width: var(--oev-ref-size-32);
  --oev-comp-card-slider-indicators-height: var(--oev-ref-size-06);
  --oev-comp-card-slider-indicators-radius: var(--oev-ref-radius-s);
  --oev-comp-card-slider-indicators-opacity: var(--oev-ref-opacity-100);
  --oev-comp-card-slider-indicators-border-color-default: var(--oev-color-transparent);
  --oev-comp-card-slider-indicators-border-color-hover: var(--oev-color-transparent);
  --oev-comp-card-slider-indicators-border-color-active: var(--oev-color-transparent);
  --oev-comp-card-slider-indicators-background-color-default: var(--oev-color-primary-300);
  --oev-comp-card-slider-indicators-background-color-hover: var(--oev-color-primary-hover);
  --oev-comp-card-slider-indicators-background-color-active: var(--oev-color-primary-default);
  --oev-comp-card-slider-indicators-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-card-slider-indicators-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-card-slider-icon-size: var(--oev-comp-icon-size-large);
  --oev-comp-card-slider-nav-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-card-slider-nav-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-card-slider-nav-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-card-slider-nav-icon-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-card-slider-nav-icon-left-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-card-slider-nav-icon-right-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-checkbox-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-checkbox-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-checkbox-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-checkbox-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-checkbox-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-checkbox-color-error: var(--oev-color-action-error);
  --oev-comp-forms-checkbox-selected-color-default: var(--oev-color-primary-default);
  --oev-comp-forms-checkbox-selected-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-checkbox-selected-color-active: var(--oev-color-primary-active);
  --oev-comp-forms-checkbox-selected-color-focus: var(--oev-color-primary-focus);
  --oev-comp-forms-checkbox-selected-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-forms-checkbox-selected-color-error: var(--oev-color-action-error);
  --oev-comp-forms-checkbox-grid-spacing: var(--oev-sys-spacing-s);
  --oev-comp-forms-checkbox-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-checkbox-label-line-height: var(--oev-line-height-m);
  --oev-comp-forms-checkbox-label-color: var(--oev-color-font-label);
  --oev-comp-forms-checkbox-error-text-font-style: var(--oev-font-style-error);
  --oev-comp-forms-checkbox-error-text-color: var(--oev-color-action-error);
  --oev-comp-forms-datepicker-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-forms-datepicker-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-datepicker-icon-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-datepicker-overlay-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-datepicker-overlay-background-color: var(--oev-color-background-17);
  --oev-comp-forms-datepicker-overlay-width-xs-s: 270px;
  --oev-comp-forms-datepicker-overlay-width-m-xl: 290px;
  --oev-comp-forms-datepicker-overlay-border-radius: var(--oev-ref-radius-s);
  --oev-comp-forms-datepicker-overlay-shadow: var(--oev-ref-box-shadow-default);
  --oev-comp-forms-datepicker-overlay-header-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-header-spacing-left: var(--oev-sys-spacing-l);
  --oev-comp-forms-datepicker-overlay-header-spacing-right: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-header-controls-spacing: var(--oev-sys-spacing-l);
  --oev-comp-forms-datepicker-overlay-header-controls-switch-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-datepicker-overlay-header-controls-switch-font-style: var(--oev-font-style-body-small);
  --oev-comp-forms-datepicker-overlay-header-controls-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-forms-datepicker-overlay-header-controls-icon-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-datepicker-overlay-days-of-week-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-days-of-week-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-days-of-week-font-style: var(--oev-font-style-body-small);
  --oev-comp-forms-datepicker-overlay-days-of-week-color: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-datepicker-overlay-days-grid-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-forms-datepicker-overlay-days-grid-border-top-color: var(--oev-color-gray-400);
  --oev-comp-forms-datepicker-overlay-days-grid-border-top-width: var(--oev-ref-size-01);
  --oev-comp-forms-datepicker-overlay-days-grid-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-forms-datepicker-overlay-days-grid-hover-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-hover-background-color: var(--oev-color-primary-hover);
  --oev-comp-forms-datepicker-overlay-days-grid-selected-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-selected-background-color: var(--oev-color-primary-800);
  --oev-comp-forms-datepicker-overlay-days-grid-today-color: var(--oev-color-font-body-default);
  --oev-comp-forms-datepicker-overlay-days-grid-today-background-color: var(--oev-color-primary-50);
  --oev-comp-forms-datepicker-overlay-days-grid-focused-color: var(--oev-color-font-body-inverted);
  --oev-comp-forms-datepicker-overlay-days-grid-focused-background-color: var(--oev-color-primary-500);
  --oev-comp-forms-dropdown-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-dropdown-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-focus: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-active: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-color-error: var(--oev-color-font-error);
  --oev-comp-forms-dropdown-font-style: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-height: var(--oev-ref-size-48);
  --oev-comp-forms-dropdown-background-color-default: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-overflow: inherit;
  --oev-comp-forms-dropdown-text-overflow: inherit;
  --oev-comp-forms-dropdown-inner-spacing-top: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-top-focus: var(--oev-ref-spacing-10);
  --oev-comp-forms-dropdown-inner-spacing-right: var(--oev-sys-spacing-xl-3);
  --oev-comp-forms-dropdown-inner-spacing-bottom: 0.688rem;
  --oev-comp-forms-dropdown-inner-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-dropdown-inner-spacing-left-focus: var(--oev-ref-spacing-15);
  --oev-comp-forms-dropdown-icon-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-dropdown-icon-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-dropdown-icon-color-open: var(--oev-color-gray-active);
  --oev-comp-forms-dropdown-icon-color-open-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-dropdown-icon-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-dropdown-icon-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-icon-color-error-hover: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-border-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-dropdown-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-dropdown-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-dropdown-border-color-open: var(--oev-color-gray-active);
  --oev-comp-forms-dropdown-border-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-dropdown-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-dropdown-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-forms-dropdown-border-width-active: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-forms-dropdown-border-width-disabled: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-error: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-width-open: var(--oev-comp-forms-dropdown-border-width-default);
  --oev-comp-forms-dropdown-border-radius: var(--oev-ref-radius-m);
  --oev-comp-forms-dropdown-placeholder-color-default: var(--oev-color-font-placeholder);
  --oev-comp-forms-dropdown-placeholder-color-open: var(--oev-color-font-placeholder);
  --oev-comp-forms-dropdown-menu-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-menu-font-style-default: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-menu-font-style-hover: var(--oev-font-style-body);
  --oev-comp-forms-dropdown-menu-background-color-default: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-menu-background-color-hover: var(--oev-color-gray-100);
  --oev-comp-forms-dropdown-menu-scrollbar-background-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-dropdown-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-item-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-dropdown-item-font-style-hover: var(--oev-font-style-link);
  --oev-comp-forms-dropdown-inline-label-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-dropdown-inline-label-color-error: var(--oev-color-action-error);
  --oev-comp-forms-dropdown-inline-label-font-style: var(--oev-font-style-label-small);
  --oev-comp-forms-dropdown-inline-label-font-size: var(--oev-font-size-label-small);
  --oev-comp-forms-dropdown-inline-label-display: block;
  --oev-comp-forms-dropdown-inline-label-background-color: var(--oev-color-background-17);
  --oev-comp-forms-dropdown-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-dropdown-label-color: var(--oev-color-font-label);
  --oev-comp-forms-dropdown-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-dropdown-label-line-break: auto;
  --oev-comp-forms-radio-button-color-bullet-outline-default: var(--oev-color-gray-600);
  --oev-comp-forms-radio-button-color-bullet-outline-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-radio-button-color-bullet-outline-active: var(--oev-color-gray-active);
  --oev-comp-forms-radio-button-color-bullet-outline-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-radio-button-color-bullet-outline-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-radio-button-color-bullet-outline-error: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-default: var(--oev-color-gray-600);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-active: var(--oev-color-gray-active);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-radio-button-selected-color-bullet-outline-error: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-default: var(--oev-color-primary-default);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-active: var(--oev-color-primary-active);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-focus: var(--oev-color-primary-focus);
  --oev-comp-forms-radio-button-selected-color-inner-bullet-disabled: var(--oev-color-primary-disabled);
  --oev-comp-forms-radio-button-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-radio-button-label-color: var(--oev-color-font-label);
  --oev-comp-forms-radio-button-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-option-label-font-style: var(--oev-font-style-body);
  --oev-comp-forms-radio-button-option-label-color: var(--oev-color-font-label);
  --oev-comp-forms-radio-button-option-label-error-color: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-option-label-spacing-right-direction: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-option-label-spacing-left-direction: var(--oev-sys-spacing-s);
  --oev-comp-forms-radio-button-error-text-color: var(--oev-color-action-error);
  --oev-comp-forms-radio-button-error-text-font-style: var(--oev-font-style-error);
  --oev-comp-forms-radio-button-error-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-radio-button-bullet-outline-size: var(--oev-ref-size-20);
  --oev-comp-forms-radio-button-inner-bullet-size-scale: 0.6;
  --oev-comp-forms-radio-button-bullet-outline-width: var(--oev-ref-size-02);
  --oev-comp-forms-radio-button-options-row-spacing: var(--oev-sys-spacing-m);
  --oev-comp-forms-radio-button-options-column-spacing: var(--oev-sys-spacing-xl-3);
  --oev-comp-forms-text-area-inner-spacing: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-spacing-left-top-hover: var(--oev-ref-spacing-15);
  --oev-comp-forms-text-area-spacing-left-top-focus: var(--oev-ref-spacing-15);
  --oev-comp-forms-text-area-color-background: var(--oev-color-background-17);
  --oev-comp-forms-text-area-icon-resizer-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-text-area-icon-resizer-color-hover: var(--oev-color-gray-hover);
  --oev-comp-forms-text-area-icon-resizer-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-text-area-icon-resizer-color-error: var(--oev-color-action-error);
  --oev-comp-forms-text-area-icon-resizer-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-text-area-icon-resizer-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-text-area-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-text-area-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-text-area-label-color: var(--oev-color-font-label);
  --oev-comp-forms-text-area-placeholder-font-style: var(--oev-font-style-body);
  --oev-comp-forms-text-area-placeholder-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-text-area-placeholder-color-focus: var(--oev-color-transparent);
  --oev-comp-forms-text-area-text-font-style: var(--oev-font-style-body);
  --oev-comp-forms-text-area-text-font-weight: var(--oev-font-weight-body);
  --oev-comp-forms-text-area-text-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-active: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-focus: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-text-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-forms-text-area-text-color-error: var(--oev-color-font-body-default);
  --oev-comp-forms-text-area-border-radius: var(--oev-ref-radius-m);
  --oev-comp-forms-text-area-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-forms-text-area-border-width-active: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-forms-text-area-border-width-disabled: var(--oev-ref-size-01);
  --oev-comp-forms-text-area-border-color-default: var(--oev-color-gray-400);
  --oev-comp-forms-text-area-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-text-area-border-color-active: var(--oev-color-gray-active);
  --oev-comp-forms-text-area-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-text-area-border-color-disabled: var(--oev-color-gray-300);
  --oev-comp-forms-text-area-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-text-area-help-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-text-area-help-text-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-help-text-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-forms-text-area-help-text-font-style-error: var(--oev-font-style-error);
  --oev-comp-forms-text-area-help-text-color-error: var(--oev-color-font-error);
  --oev-comp-forms-input-text-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-color-hover: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-input-text-color-placeholder: var(--oev-color-font-placeholder);
  --oev-comp-forms-input-text-placeholder-font-style: var(--oev-font-style-body);
  --oev-comp-forms-input-text-border-width-default: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-hover: var(--oev-ref-size-02);
  --oev-comp-forms-input-text-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-forms-input-text-border-width-disabled: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-width-error: var(--oev-ref-size-01);
  --oev-comp-forms-input-text-border-color-default: var(--oev-color-gray-600);
  --oev-comp-forms-input-text-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-forms-input-text-border-color-focus: var(--oev-color-gray-focus);
  --oev-comp-forms-input-text-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-forms-input-text-border-color-error: var(--oev-color-action-error);
  --oev-comp-forms-input-text-border-radius: var(--oev-ref-radius-m);
  --oev-comp-forms-input-text-spacing-left-default: var(--oev-ref-spacing-15);
  --oev-comp-forms-input-text-spacing-left-hover: var(--oev-ref-spacing-14);
  --oev-comp-forms-input-text-spacing-left-focus: var(--oev-ref-spacing-14);
  --oev-comp-forms-input-text-field-color-background-default: var(--oev-color-background-17);
  --oev-comp-forms-input-text-field-color-background-hover: var(--oev-color-background-17);
  --oev-comp-forms-input-text-label-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-forms-input-text-label-font-style: var(--oev-font-style-label);
  --oev-comp-forms-input-text-label-color: var(--oev-color-font-label);
  --oev-comp-forms-input-text-float-label-font-style: var(--oev-font-style-label-small);
  --oev-comp-forms-input-text-float-label-color-error: var(--oev-color-font-error);
  --oev-comp-forms-input-text-float-label-color-default: var(--oev-color-font-body-default);
  --oev-comp-forms-input-text-help-text-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-forms-input-text-help-text-font-style-error: var(--oev-font-style-error);
  --oev-comp-forms-input-text-help-text-color-error: var(--oev-color-font-error);
  --oev-comp-chip-font-color-default: var(--oev-color-primary-default);
  --oev-comp-chip-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-font-color-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-font-color-active: var(--oev-color-primary-active);
  --oev-comp-chip-font-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-font-color-selected-default: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-hover: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-focus: var(--oev-color-action-white);
  --oev-comp-chip-font-color-selected-active: var(--oev-color-action-white);
  --oev-comp-chip-border-color-default: var(--oev-color-primary-default);
  --oev-comp-chip-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-border-color-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-border-color-active: var(--oev-color-primary-active);
  --oev-comp-chip-border-color-disabled: var(--oev-color-primary-disabled);
  --oev-comp-chip-border-color-selected-default: var(--oev-color-primary-default);
  --oev-comp-chip-border-color-selected-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-border-color-selected-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-border-color-selected-active: var(--oev-color-primary-active);
  --oev-comp-chip-background-color-default: var(--oev-color-background-17);
  --oev-comp-chip-background-color-hover: var(--oev-color-background-17);
  --oev-comp-chip-background-color-focus: var(--oev-color-background-17);
  --oev-comp-chip-background-color-active: var(--oev-color-background-17);
  --oev-comp-chip-background-color-disabled: var(--oev-color-background-17);
  --oev-comp-chip-background-color-selected-default: var(--oev-color-primary-default);
  --oev-comp-chip-background-color-selected-hover: var(--oev-color-primary-hover);
  --oev-comp-chip-background-color-selected-focus: var(--oev-color-primary-focus);
  --oev-comp-chip-background-color-selected-active: var(--oev-color-primary-active);
  --oev-comp-chip-outline-color-focus: var(--oev-color-action-focus-on-light);
  --oev-comp-chip-outline-offset-focus: var(--oev-ref-size-02);
  --oev-comp-chip-spacing-top-bottom: var(--oev-sys-spacing-s);
  --oev-comp-chip-spacing-left-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-chip-border-radius: var(--oev-ref-radius-50);
  --oev-comp-chip-border-width: var(--oev-ref-size-02);
  --oev-comp-chip-font-style: var(--oev-font-style-link);
  --oev-comp-cta-group-spacing-vertical: var(--oev-sys-spacing-l);
  --oev-comp-cta-group-spacing-horizontal: var(--oev-sys-spacing-l);
  --oev-comp-cta-bar-vertical-spacing: var(--oev-sys-spacing-xl-1);
  --oev-comp-cta-bar-vertical-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-cta-bar-container-width: 100%;
  --oev-comp-cta-bar-button-size: var(--oev-ref-size-96);
  --oev-comp-cta-bar-button-label-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-cta-bar-button-label-font-style: var(--oev-font-style-link);
  --oev-comp-cta-bar-button-label-font-weight: var(--oev-font-weight-link);
  --oev-comp-cta-bar-button-label-icon-color-default: var(--oev-comp-cta-bar-button-font-color-default);
  --oev-comp-cta-bar-button-border-radius: var(--oev-ref-radius-xl);
  --oev-comp-cta-bar-button-border-radius-focus-visible: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-icon-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-cta-bar-button-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-cta-bar-button-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-font-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-contained-background-color: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-contained-background-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-contained-elevation-level-default: var(--oev-sys-elevation-level-2);
  --oev-comp-cta-bar-button-contained-elevation-level-hover: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-active: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-selected: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-contained-elevation-level-disabled: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-outlined-background-color: var(--oev-color-transparent);
  --oev-comp-cta-bar-button-outlined-background-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-outlined-border-size: var(--oev-ref-size-02);
  --oev-comp-cta-bar-button-outlined-border-width-default: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-hover: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-active: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-selected: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-width-disabled: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-outlined-border-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-outlined-border-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-outlined-border-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-outlined-border-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-outlined-border-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-custom-border-radius: var(--oev-ref-radius-xl);
  --oev-comp-cta-bar-button-custom-border-width-default: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-hover: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-active: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-selected: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-width-disabled: var(--oev-ref-size-04);
  --oev-comp-cta-bar-button-custom-border-color-default: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-border-color-hover: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-border-color-active: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-border-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-border-color-disabled: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-background-color-default: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-custom-background-color-hover: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-custom-background-color-active: var(--oev-color-background-01);
  --oev-comp-cta-bar-button-custom-background-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-background-color-disabled: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-font-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-font-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-custom-font-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-custom-font-color-selected: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-font-color-focus: var(--oev-color-secondary-focus);
  --oev-comp-cta-bar-button-custom-font-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-custom-icon-color-default: var(--oev-color-secondary-default);
  --oev-comp-cta-bar-button-custom-icon-color-hover: var(--oev-color-secondary-hover);
  --oev-comp-cta-bar-button-custom-icon-color-active: var(--oev-color-secondary-active);
  --oev-comp-cta-bar-button-custom-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-cta-bar-button-custom-icon-color-focus: var(--oev-color-secondary-focus);
  --oev-comp-cta-bar-button-custom-icon-color-disabled: var(--oev-color-secondary-disabled);
  --oev-comp-cta-bar-button-custom-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-cta-bar-button-custom-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-cta-bar-button-custom-elevation-level-default: var(--oev-sys-elevation-level-2);
  --oev-comp-cta-bar-button-custom-elevation-level-hover: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-custom-elevation-level-active: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-custom-elevation-level-selected: var(--oev-sys-elevation-level-1);
  --oev-comp-cta-bar-button-custom-elevation-level-disabled: var(--oev-sys-elevation-level-1);
  --oev-comp-custom-search-background-color: var(--oev-color-background-14);
  --oev-comp-custom-search-outer-spacing: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-shadow: var(--oev-sys-elevation-level-0);
  --oev-comp-custom-search-border-radius: var(--oev-ref-radius-none);
  --oev-comp-custom-search-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-custom-search-text-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-custom-search-inputfield-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-result-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-custom-search-result-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-customer-interaction-container-background-color: var(--oev-color-action-white);
  --oev-comp-customer-interaction-container-spacing-left-right: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-container-spacing-top: var(--oev-ref-spacing-24);
  --oev-comp-customer-interaction-container-spacing-bottom: var(--oev-ref-spacing-24);
  --oev-comp-customer-interaction-position-right: var(--oev-sys-spacing-s);
  --oev-comp-customer-interaction-position-bottom: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-customer-interaction-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-customer-interaction-icon-spacing-bottom: var(--oev-sys-spacing-none);
  --oev-comp-customer-interaction-icon-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-divider-color: var(--oev-color-gray-500);
  --oev-comp-divider-height: var(--oev-ref-size-01);
  --oev-comp-divider-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-download-headline-font-style: var(--oev-font-style-h2);
  --oev-comp-download-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-download-subheadline-font-style: var(--oev-font-style-subtitle-1);
  --oev-comp-download-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-download-icon-color-default: var(--oev-color-gray-600);
  --oev-comp-download-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-download-icon-size: var(--oev-ref-size-24);
  --oev-comp-download-icon-container-background-color-default: var(--oev-color-background-17);
  --oev-comp-download-icon-container-background-color-hover: var(--oev-color-background-17);
  --oev-comp-download-icon-container-border-color-default: var(--oev-color-gray-600);
  --oev-comp-download-icon-container-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-download-icon-container-border-width: var(--oev-ref-size-01);
  --oev-comp-download-icon-container-width: var(--oev-ref-size-40);
  --oev-comp-download-icon-container-height: var(--oev-ref-size-40);
  --oev-comp-download-icon-container-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-download-container-padding: var(--oev-sys-spacing-m);
  --oev-comp-download-container-background-color-default: var(--oev-color-custom-02);
  --oev-comp-download-container-background-color-hover: var(--oev-color-custom-01);
  --oev-comp-download-container-headline-font-style: var(--oev-font-style-link);
  --oev-comp-download-container-headline-font-color: var(--oev-color-font-body-default);
  --oev-comp-download-container-headline-font-color-hover: var(--oev-color-font-body-default);
  --oev-comp-download-container-subheadline-font-style: var(--oev-font-style-body);
  --oev-comp-download-container-subheadline-font-color: var(--oev-color-font-body-default);
  --oev-comp-download-progressbar-background-color-default: var(--oev-color-custom-01);
  --oev-comp-employee-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-employee-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-employee-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-employee-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-employee-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-employee-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-employee-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-employee-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-employee-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-employee-card-header-image-size: var(--oev-ref-size-160);
  --oev-comp-employee-card-header-image-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-employee-card-header-text-gap: var(--oev-sys-spacing-xs);
  --oev-comp-employee-card-header-text-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-employee-card-header-text-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-employee-card-header-text-subline-font-style: var(--oev-font-style-link);
  --oev-comp-employee-card-header-text-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-header-text-description-font-style: var(--oev-font-style-body);
  --oev-comp-employee-card-header-text-description-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-header-text-qualifications-font-style: var(--oev-font-style-body);
  --oev-comp-employee-card-header-text-qualifications-font-color: var(--oev-color-font-body-default);
  --oev-comp-employee-card-contact-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-employee-card-contact-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-filter-chip-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-filter-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-filter-spacing-sl-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-flyout-background-color: var(--oev-color-background-17);
  --oev-comp-flyout-elevation-level: var(--oev-sys-elevation-level-2);
  --oev-comp-flyout-content-optional-inner-spacing: var(--oev-sys-spacing-m);
  --oev-comp-flyout-xs-s-border-radius: var(--oev-ref-radius-none);
  --oev-comp-flyout-sl-xl-border-radius: var(--oev-ref-radius-s);
  --oev-comp-flyout-arrow-height: var(--oev-ref-size-08);
  --oev-comp-flyout-arrow-width: var(--oev-ref-size-16);
  --oev-comp-flyout-close-icon-variant: "primary";
  --oev-comp-flyout-close-icon-size: "m";
  --oev-comp-flyout-m-xl-width: 384px;
  --oev-comp-footer-color-background: var(--oev-color-background-01);
  --oev-comp-footer-max-width: 84rem;
  --oev-comp-footer-content-margin-top: var(--oev-sys-spacing-none);
  --oev-comp-footer-link-color-default: var(--oev-color-font-body-default);
  --oev-comp-footer-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-footer-link-color-active: var(--oev-color-primary-active);
  --oev-comp-footer-link-color-visited: var(--oev-color-font-body-default);
  --oev-comp-footer-link-color-disabled: var(--oev-color-white-disabled);
  --oev-comp-footer-top-section-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-footer-top-section-spacing-top-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-footer-top-section-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-footer-top-section-spacing-bottom-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-footer-top-section-border-top: 0.063rem solid transparent;
  --oev-comp-footer-top-section-border-top-xs-s: 0.063rem solid transparent;
  --oev-comp-footer-top-section-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-top-section-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-top-section-headline-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-top-section-link-font: var(--oev-font-style-link);
  --oev-comp-footer-top-section-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-top-section-link-spacing: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-body-spacing-link: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-body-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-footer-accordion-body-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-body-spacing-bottom-xs-s: var(--oev-sys-spacing-s);
  --oev-comp-footer-accordion-border-bottom: 0.063rem solid rgba(255, 255, 255, .3);
  --oev-comp-footer-accordion-header-font: var(--oev-font-style-h6);
  --oev-comp-footer-accordion-header-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-accordion-link-font: var(--oev-font-style-link);
  --oev-comp-footer-accordion-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-bottom-section-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-top-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-spacing-bottom-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-bottom-section-border-top: 0.063rem solid transparent;
  --oev-comp-footer-bottom-section-link-font: var(--oev-font-style-link-small);
  --oev-comp-footer-bottom-section-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-footer-bottom-section-link-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-footer-bottom-section-copyright-font: var(--oev-font-style-body-small);
  --oev-comp-footer-bottom-section-content-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-bottom-section-content-spacing-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-footer-bottom-section-container-spacing-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-footer-seals-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-seals-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-seals-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-footer-seals-visual-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-social-media-headline-font: var(--oev-font-style-h6);
  --oev-comp-footer-social-media-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-footer-social-media-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-footer-social-media-disclaimer-font: var(--oev-font-style-caption);
  --oev-comp-footer-social-media-disclaimer-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-footer-social-media-icon-spacing: var(--oev-sys-spacing-m);
  --oev-comp-footer-copyright-link-color: var(--oev-color-font-body-default);
  --oev-comp-greeting-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-greeting-headline-font-style: var(--oev-font-style-h3);
  --oev-comp-greeting-signature-font-color: var(--oev-color-font-calligraphy);
  --oev-comp-greeting-signature-font-style: var(--oev-font-style-signature);
  --oev-comp-greeting-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-greeting-body-font-style: var(--oev-font-style-body);
  --oev-comp-greeting-caption-font-color: var(--oev-color-font-caption);
  --oev-comp-greeting-caption-font-style: var(--oev-font-style-caption);
  --oev-comp-greeting-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-greeting-spacing-left-right: var(--oev-sys-spacing-l);
  --oev-comp-greeting-gap-spacing: var(--oev-sys-spacing-l);
  --oev-comp-greeting-gap-spacing-headline-body: var(--oev-sys-spacing-m);
  --oev-comp-greeting-gap-spacing-signature-caption: var(--oev-sys-spacing-xs);
  --oev-comp-grid-size-small-landscape: 72.5rem;
  --oev-comp-grid-size-medium: 72.5rem;
  --oev-comp-grid-size-large: 84rem;
  --oev-comp-grid-size-xl: 84rem;
  --oev-comp-grid-size-medium-horizontal-margin: auto;
  --oev-comp-grid-responsive-spacing-top-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-grid-responsive-gap: var(--oev-sys-spacing-m);
  --oev-comp-grid-container-card-view-border-color: var(--oev-color-transparent);
  --oev-comp-grid-container-card-view-border-width: var(--oev-ref-size-00);
  --oev-comp-grid-container-card-view-border-radius: var(--oev-ref-radius-l);
  --oev-comp-grid-container-card-view-box-background: var(--oev-color-background-17);
  --oev-comp-grid-container-card-view-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-grid-container-card-view-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-grid-container-card-view-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-border-left-position: var(--oev-ref-size-00);
  --oev-comp-header-nav-border-width: 100%;
  --oev-comp-header-nav-header-burger-spacing-bottom: var(--oev-ref-spacing-16);
  --oev-comp-header-nav-header-logo-max-width: var(--oev-ref-size-140);
  --oev-comp-header-nav-header-logo-height-sl-xs: var(--oev-ref-size-64);
  --oev-comp-header-nav-header-logo-height-m-xl: var(--oev-ref-size-64);
  --oev-comp-header-nav-header-logo-space-top: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-space-left: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-logo-align: var(--oev-ref-align-center);
  --oev-comp-header-nav-header-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-header-spacing-vertical: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-header-xl-m-spacing-horizontal: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-header-sl-xs-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-header-height: var(--oev-ref-size-104);
  --oev-comp-header-nav-header-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-sl-xs-height: var(--oev-ref-size-72);
  --oev-comp-header-nav-header-sl-xs-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-xl-m-height: var(--oev-ref-size-104);
  --oev-comp-header-nav-header-xl-m-border-bottom-color: var(--oev-color-transparent);
  --oev-comp-header-nav-header-utility-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-utility-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-utility-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-textinput-height: var(--oev-ref-size-24);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-height: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-utility-link-textinput-placeholder-font-color-default: var(--oev-color-font-placeholder);
  --oev-comp-header-nav-header-utility-link-textinput-placeholder-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-header-nav-header-utility-link-textinput-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-horizontal: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-left: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-textinput-spacing-right: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-header-utility-link-textinput-border-bottom-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-header-nav-header-utility-link-textinput-icon-spacing-horizontal: var(--oev-sys-spacing-xs);
  --oev-comp-header-nav-header-utility-link-advisor-max-width: 200px;
  --oev-comp-header-nav-header-utility-link-advisor-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-radius: var(--oev-ref-radius-xl);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-size: var(--oev-ref-size-02);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-default: var(--oev-color-action-white);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-utility-link-advisor-avatar-outline-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-header-utility-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-utility-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-utility-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-utility-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-header-utility-link-spacing: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-header-utility-link-divider-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-bar-background-color: var(--oev-color-action-white);
  --oev-comp-header-nav-header-sl-xs-utility-bar-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-header-sl-xs-utility-bar-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-divider-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-header-sl-xs-utility-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-border-bottom-color: var(--oev-color-gray-500);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-placeholder-font-color-default: var(--oev-color-font-placeholder);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-placeholder-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-header-nav-header-sl-xs-utility-link-textinput-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-header-nav-header-nav-element-border-radius: var(--oev-ref-size-06);
  --oev-comp-header-nav-header-color-outline-focused: var(--oev-color-focus-visible-outline);
  --oev-comp-header-nav-header-top-color-outline: var(--oev-color-focus-visible-outline);
  --oev-comp-header-nav-bar-background-color: var(--oev-color-background-01);
  --oev-comp-header-nav-bar-box-shadow: var(--oev-color-transparent);
  --oev-comp-header-nav-bar-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-bar-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-bar-height: var(--oev-ref-size-64);
  --oev-comp-header-nav-bar-nav-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-bar-nav-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-bar-nav-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-bar-nav-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-bar-nav-link-font-color-selected: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-bar-nav-link-spacing: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-bar-nav-link-padding-horizontal: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-bar-nav-link-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-border-size-selected-sl-xs: var(--oev-ref-size-03);
  --oev-comp-header-nav-bar-nav-link-border-size-selected-xl-m: var(--oev-ref-size-06);
  --oev-comp-header-nav-bar-nav-link-border-offset-bottom: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-bar-nav-link-border-position: var(--oev-ref-spacing-negative-07);
  --oev-comp-header-nav-bar-nav-link-selected-border-bottom-color: var(--oev-color-primary-default);
  --oev-comp-header-nav-bar-nav-link-selected-border-bottom-size: var(--oev-ref-size-02);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-font-style: var(--oev-font-style-link-medium);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-color-selected: var(--oev-color-gray-default);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-hover: var(--oev-color-background-15);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-active: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-color-selected: var(--oev-color-background-17);
  --oev-comp-header-nav-bar-nav-link-dropdown-menu-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-header-nav-flyout-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-header-nav-flyout-menu-level-2-border-left-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-menu-level-2-border-left-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-menu-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-background-color-depth-2: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-background-color-depth-3: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-headline-font-style: var(--oev-font-style-body);
  --oev-comp-header-nav-flyout-menu-headline-font-color: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-headline-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-flyout-menu-headline-spacing-offset-left: var(--oev-sys-spacing-none);
  --oev-comp-header-nav-flyout-menu-headline-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-menu-headline-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-headline-link-indicator-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-font-style: var(--oev-font-style-link-medium);
  --oev-comp-header-nav-flyout-menu-link-font-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-link-font-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-link-font-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-link-font-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-icon-color-default: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-link-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-link-icon-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-default: var(--oev-color-gray-default);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-hover: var(--oev-color-primary-hover);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-active: var(--oev-color-primary-active);
  --oev-comp-header-nav-flyout-menu-link-indicator-color-selected: var(--oev-color-primary-default);
  --oev-comp-header-nav-flyout-menu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-link-background-color-hover: var(--oev-color-background-01);
  --oev-comp-header-nav-flyout-menu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-menu-link-background-color-selected: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-menu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-right: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-menu-spacing-top: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-flyout-menu-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-submenu-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-submenu-border-left-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-submenu-border-left-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-submenu-link-background-color-default: var(--oev-color-background-01);
  --oev-comp-header-nav-flyout-submenu-link-background-color-hover: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-color-selected: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-link-background-color-selected-level-3: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-default: var(--oev-color-background-15);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-hover: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-active: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-submenu-link-background-dark-color-selected: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-submenu-with-background-background-color: var(--oev-color-background-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-font-style: var(--oev-font-style-body);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-link-font-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-headline-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-border-bottom-color: var(--oev-color-gray-100);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-font-weight: var(--oev-font-weight-link);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-vertical: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-left-level-2: var(--oev-sys-spacing-l);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-spacing-left-level-3: var(--oev-sys-spacing-xl-1);
  --oev-comp-header-nav-flyout-sl-xs-menu-link-border-bottom-size: var(--oev-ref-size-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-item-min-height: var(--oev-ref-size-56);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-1-background-color: var(--oev-color-background-17);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-2-background-color: var(--oev-color-background-01);
  --oev-comp-header-nav-flyout-sl-xs-menu-level-3-background-color: var(--oev-color-background-02);
  --oev-comp-header-nav-flyout-xl-m-menu-link-style: var(--oev-font-style-link);
  --oev-comp-header-nav-flyout-xl-m-menu-link-min-height: var(--oev-ref-size-64);
  --oev-comp-header-nav-flyout-xl-m-menu-item-min-height: var(--oev-ref-size-40);
  --oev-comp-header-nav-flyout-xl-m-menu-headline-min-height: var(--oev-ref-size-48);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-header-nav-flyout-xl-m-menu-link-spacing-offset-left: var(--oev-sys-spacing-none);
  --oev-comp-suggest-menu-spacing-top: var(--oev-sys-spacing-xs);
  --oev-comp-suggest-menu-headline-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-headline-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-suggest-menu-headline-color-default: var(--oev-color-gray-default);
  --oev-comp-suggest-menu-headline-background-color-default: var(--oev-color-background-01);
  --oev-comp-suggest-menu-headline-font-style: var(--oev-font-style-body);
  --oev-comp-suggest-menu-link-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-suggest-menu-link-spacing-vertical: var(--oev-sys-spacing-s);
  --oev-comp-suggest-menu-link-color-default: var(--oev-color-gray-default);
  --oev-comp-suggest-menu-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-suggest-menu-link-color-active: var(--oev-color-primary-active);
  --oev-comp-suggest-menu-link-color-selected: var(--oev-color-primary-default);
  --oev-comp-suggest-menu-link-background-color-default: var(--oev-color-background-17);
  --oev-comp-suggest-menu-link-background-color-hover: var(--oev-color-background-15);
  --oev-comp-suggest-menu-link-background-color-active: var(--oev-color-background-15);
  --oev-comp-suggest-menu-link-background-color-selected: var(--oev-color-background-17);
  --oev-comp-suggest-menu-link-font-style: var(--oev-font-style-link);
  --oev-comp-suggest-menu-background-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-headline-font-style-subheadline: var(--oev-font-style-subtitle-1);
  --oev-comp-headline-font-style-headline-1: var(--oev-font-style-h1);
  --oev-comp-headline-font-style-headline-2: var(--oev-font-style-h2);
  --oev-comp-headline-font-style-headline-3: var(--oev-font-style-h6);
  --oev-comp-headline-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-headline-headline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-headline-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-headline-subheadline-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-headline-subheadline-spacing-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-headline-header-spacing-bottom: var(--oev-ref-spacing-08);
  --oev-comp-here-map-pin-icon-color-active: var(--oev-color-action-white);
  --oev-comp-here-map-pin-background-color-default: var(--oev-color-action-white);
  --oev-comp-here-map-pin-01-icon-color-default: var(--oev-color-primary-800);
  --oev-comp-here-map-pin-01-background-color-active: var(--oev-color-primary-800);
  --oev-comp-here-map-pin-02-icon-color-default: var(--oev-color-primary-800);
  --oev-comp-here-map-pin-02-background-color-active: var(--oev-color-primary-800);
  --oev-comp-here-map-pin-03-icon-color-default: var(--oev-color-primary-800);
  --oev-comp-here-map-pin-03-background-color-active: var(--oev-color-primary-800);
  --oev-comp-here-map-boundingbox-background-color: rgba(0, 0, 0, .1);
  --oev-comp-here-map-boundingbox-border-color: rgba(0, 0, 0, .2);
  --oev-comp-here-map-boundingbox-border-width: var(--oev-ref-size-02);
  --oev-comp-here-map-advisor-card-pointer-width: var(--oev-ref-size-16);
  --oev-comp-here-map-advisor-card-pointer-height: var(--oev-ref-size-08);
  --oev-comp-here-map-advisor-card-width: 336px;
  --oev-comp-here-map-advisor-card-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-here-map-infobox-spacing: var(--oev-sys-spacing-m);
  --oev-comp-here-map-infobox-gap: var(--oev-sys-spacing-m);
  --oev-comp-here-map-infobox-background-color: var(--oev-color-background-01);
  --oev-comp-here-map-infobox-border-radius: 0;
  --oev-comp-here-map-infobox-icon-size: var(--oev-ref-size-20);
  --oev-comp-here-map-infobox-font-style: var(--oev-font-style-body-small);
  --oev-comp-here-map-infobox-font-color: var(--oev-color-font-body-small);
  --oev-comp-hero-image-width: 90rem;
  --oev-comp-hero-card-border-radius: var(--oev-ref-radius-l);
  --oev-comp-hero-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-hero-card-elevation: var(--oev-sys-elevation-level-2);
  --oev-comp-hero-card-color-background: var(--oev-color-background-17);
  --oev-comp-hero-card-headline-color: var(--oev-color-font-subtitle-1);
  --oev-comp-hero-card-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-hero-card-headline-font-weight: var(--oev-font-weight-h6);
  --oev-comp-hero-card-headline-font-size-l-xl: var(--oev-font-size-h6);
  --oev-comp-hero-card-headline-variant-font-weight: var(--oev-font-weight-h1);
  --oev-comp-hero-card-headline-variant-font-size-l-xl: var(--oev-font-size-h1);
  --oev-comp-hero-card-subheadline-color: var(--oev-color-font-h1);
  --oev-comp-hero-card-subheadline-font-style: var(--oev-font-style-h1);
  --oev-comp-hero-card-subtitle-font-weight: var(--oev-font-weight-bold);
  --oev-comp-hero-card-body-font-style: var(--oev-font-style-body);
  --oev-comp-icon-color-token: var(--oev-color-primary-default);
  --oev-comp-icon-size-20: var(--oev-ref-size-20);
  --oev-comp-icon-size-40: var(--oev-ref-size-40);
  --oev-comp-icon-size-x-small: var(--oev-ref-size-12);
  --oev-comp-icon-size-small: var(--oev-ref-size-16);
  --oev-comp-icon-size-medium: var(--oev-ref-size-24);
  --oev-comp-icon-size-large: var(--oev-ref-size-32);
  --oev-comp-icon-size-x-large: var(--oev-ref-size-48);
  --oev-comp-icon-size-default: var(--oev-comp-icon-size-medium);
  --oev-icon-check-filled: "\ebbd";
  --oev-icon-remove-filled: "\f4ae";
  --oev-icon-info-outlined: "\f03f";
  --oev-icon-close-filled: "\ebdf";
  --oev-icon-arrow-downward-filled: "\ea11";
  --oev-icon-arrow-back-filled: "\ea03";
  --oev-icon-arrow-forward-filled: "\ea19";
  --oev-icon-arrow-upward-filled: "\ea23";
  --oev-icon-calendar-today-filled: "\eb45";
  --oev-icon-chevron-down-filled: "\f095";
  --oev-icon-chevron-left-filled: "\ebc5";
  --oev-icon-chevron-left-outlined: "\ebc6";
  --oev-icon-chevron-right-filled: "\f099";
  --oev-icon-chevron-right-outlined: "\ebc8";
  --oev-icon-chevron-right: "\ebc7";
  --oev-icon-chevron-up-filled: "\f09b";
  --oev-icon-arrow-back-ios-filled: "\ea04";
  --oev-icon-arrow-forward-ios-filled: "\ea1a";
  --oev-icon-expand-more-filled: "\ee01";
  --oev-icon-expand-more-outlined: "\ee02";
  --oev-icon-expand-less-filled: "\edff";
  --oev-icon-calendar-outlined: "\edf5";
  --oev-icon-check-outlined: "\ebbe";
  --oev-icon-hamburger-filled: "\f1cf";
  --oev-icon-question-mark-filled: "\f464";
  --oev-icon-download-filled: "\ed63";
  --oev-icon-insert-drive-file-outlined: "\f049";
  --oev-icon-file-download-outlined: "\ee54";
  --oev-icon-file-filled: "\f048";
  --oev-icon-open-in-new-outlined: "\f309";
  --oev-icon-search-filled: "\f568";
  --oev-icon-search-outlined: "\f56b";
  --oev-icon-person-filled: "\f382";
  --oev-icon-person-outlined: "\f387";
  --oev-icon-location-on-outlined: "\f160";
  --oev-icon-location-pin-filled: "\f161";
  --oev-icon-info-filled: "\f03d";
  --oev-icon-info: "\f03f";
  --oev-icon-edit-location-outlined: "\ed9c";
  --oev-icon-mylocation-filled: "\f269";
  --oev-icon-mylocation-outlined: "\f26a";
  --oev-icon-task-alt-black-filled: "\f775";
  --oev-icon-phone-outlined: "\f146";
  --oev-icon-mobile-phone-outlined: "\f639";
  --oev-icon-video-with-person: "\f863";
  --oev-icon-email-outlined: "\edc1";
  --oev-icon-whatsapp-outlined: "\f8fd";
  --oev-icon-facebook: "\f94b";
  --oev-icon-instagram: "\f94c";
  --oev-icon-xing: "\f953";
  --oev-icon-twitter: "\f951";
  --oev-icon-x: "\f951";
  --oev-icon-linkedin: "\f94e";
  --oev-icon-youtube: "\f954";
  --oev-icon-tiktok: "\f7b7";
  --oev-icon-cancel-outlined: "\eb74";
  --oev-icon-exclamation-mark-outline: "\ede1";
  --oev-icon-upload-arrow: "\ee5a";
  --oev-icon-upload-cloud: "\ebf8";
  --oev-icon-trashcan: "\ecbc";
  --oev-icon-warning-outlined: "\f8c5";
  --oev-icon-awesome-outlined: "\ea59";
  --oev-icon-like-outlined: "\ee2f";
  --oev-icon-share-outlined: "\f5c9";
  --oev-icon-bell-outlined: "\f2e9";
  --oev-icon-remove-red-eye-filled: "\f4b4";
  --oev-icon-remove-red-eye-outlined: "\f4b5";
  --oev-icon-home-outlined: "\eff4";
  --oev-icon-home-filled: "\efee";
  --oev-icon-home-filled-2: "\efef";
  --oev-icon-arrow-right-outlined: "\ea22";
  --oev-icon-number-0: "\fa3a";
  --oev-icon-number-1: "\fa3b";
  --oev-icon-number-2: "\fa3c";
  --oev-icon-number-3: "\fa3d";
  --oev-icon-number-4: "\fa3e";
  --oev-icon-number-5: "\fa3f";
  --oev-icon-number-6: "\fa40";
  --oev-icon-number-7: "\fa41";
  --oev-icon-number-8: "\fa42";
  --oev-icon-number-9: "\fa43";
  --oev-icon-list-default: var(--oev-icon-check-outlined);
  --oev-icon-placeholder: var(--oev-icon-search-outlined);
  --oev-icon-placeholder-1: var(--oev-icon-placeholder);
  --oev-icon-placeholder-2: var(--oev-icon-person-outlined);
  --oev-icon-placeholder-3: var(--oev-icon-mylocation-outlined);
  --oev-icon-location-outlined: var(--oev-icon-location-on-outlined);
  --oev-icon-active-placeholder: var(--oev-icon-search-filled);
  --oev-icon-active-placeholder-1: var(--oev-icon-active-placeholder);
  --oev-icon-active-placeholder-2: var(--oev-icon-person-filled);
  --oev-icon-active-placeholder-3: var(--oev-icon-mylocation-outlined);
  --oev-icon-active-location-outlined: var(--oev-icon-location-pin-filled);
  --oev-icon-comp-tooltip-label: var(--oev-icon-info-filled);
  --oev-icon-comp-datepicker-field: var(--oev-icon-calendar-today-filled);
  --oev-icon-comp-datepicker-picker-arrow-left: var(--oev-icon-chevron-left-outlined);
  --oev-icon-comp-datepicker-picker-arrow-right: var(--oev-icon-chevron-right-outlined);
  --oev-icon-comp-datepicker-expand-arrow: var(--oev-icon-expand-more-outlined);
  --oev-icon-comp-datepicker-calendar: var(--oev-icon-calendar-outlined);
  --oev-icon-comp-dropdown-arrow: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-textinput-error-x: var(--oev-icon-close-filled);
  --oev-icon-comp-textinput-success: var(--oev-icon-check-filled);
  --oev-icon-comp-checkbox-check: var(--oev-icon-check-filled);
  --oev-icon-comp-dropdown-success: var(--oev-icon-check-filled);
  --oev-icon-comp-dropdown-error: var(--oev-icon-close-filled);
  --oev-icon-comp-dropdown-close-result: var(--oev-icon-close-filled);
  --oev-icon-comp-dropdown-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tarifanzeige-open: var(--oev-icon-info-filled);
  --oev-icon-comp-tarifanzeige-close: var(--oev-icon-close-filled);
  --oev-icon-comp-tarifanzeige-service-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tarifanzeige-secondary-text-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-tarifanzeige-secondary-text-close: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-menu-hamburger: var(--oev-icon-hamburger-filled);
  --oev-icon-comp-menu-close: var(--oev-icon-close-filled);
  --oev-icon-comp-menu-accordion-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-menu-accordion-closed: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-menu-crosslink: var(--oev-icon-arrow-forward-filled);
  --oev-icon-comp-slider-prev: var(--oev-icon-chevron-left-filled);
  --oev-icon-comp-slider-next: var(--oev-icon-chevron-right-filled);
  --oev-icon-comp-accordion-open: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-accordion-closed: var(--oev-icon-expand-less-filled);
  --oev-icon-comp-download: var(--oev-icon-file-download-outlined);
  --oev-icon-comp-download-file: var(--oev-icon-insert-drive-file-outlined);
  --oev-icon-comp-open-file: var(--oev-icon-file-download-outlined);
  --oev-icon-comp-download-cancel: var(--oev-icon-close-filled);
  --oev-icon-comp-flipcard-arrow-right: var(--oev-icon-chevron-right-filled);
  --oev-icon-comp-link-arrow-right: var(--oev-icon-chevron-right-outlined);
  --oev-icon-comp-read-more-arrow-down: var(--oev-icon-expand-more-filled);
  --oev-icon-comp-interaction-like: var(--oev-icon-like-outlined);
  --oev-icon-comp-interaction-share: var(--oev-icon-share-outlined);
  --oev-icon-comp-bell: var(--oev-icon-bell-outlined);
  --oev-icon-comp-nested-header-back: var(--oev-icon-arrow-back-ios-filled);
  --oev-icon-comp-upload-error: var(--oev-icon-exclamation-mark-outline);
  --oev-icon-comp-upload-arrow: var(--oev-icon-upload-arrow);
  --oev-icon-comp-upload-cloud: var(--oev-icon-upload-cloud);
  --oev-icon-comp-upload-trash: var(--oev-icon-trashcan);
  --oev-icon-comp-tariff-comparison-check: var(--oev-icon-check-filled);
  --oev-icon-comp-tariff-comparison-remove: var(--oev-icon-remove-filled);
  --oev-icon-comp-tooltip-icon: var(--oev-icon-info-outlined);
  --oev-icon-comp-password-icon-show: var(--oev-icon-remove-red-eye-filled);
  --oev-icon-comp-password-icon-hide: var(--oev-icon-remove-red-eye-outlined);
  --oev-icon-comp-agency-search-input-clear: var(--oev-icon-close-filled);
  --oev-comp-info-box-headline-font-size: var(--oev-font-size-h2);
  --oev-comp-info-box-headline-font-weight: var(--oev-font-weight-h2);
  --oev-comp-info-box-headline-line-height: var(--oev-line-height-default);
  --oev-comp-info-box-headline-font-color: var(--oev-color-font-headline);
  --oev-comp-info-box-subheadline-font-color: var(--oev-color-font-subheadline);
  --oev-comp-info-box-background-color: var(--oev-color-background-02);
  --oev-comp-info-box-icon-color: var(--oev-color-gray-900);
  --oev-comp-info-box-border-radius: var(--oev-ref-radius-none);
  --oev-comp-info-box-spacing: var(--oev-sys-spacing-l);
  --oev-comp-interactive-tooltip-container-background-color-default: var(--oev-color-custom-01);
  --oev-comp-interactive-tooltip-container-headline-font-style: var(--oev-font-style-h3);
  --oev-comp-interactive-tooltip-container-headline-font-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-container-content-font-style: var(--oev-font-style-body);
  --oev-comp-interactive-tooltip-container-content-font-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-container-spacing-left-right: var(--oev-sys-spacing-xl-2);
  --oev-comp-interactive-tooltip-container-spacing-top-bottom: var(--oev-sys-spacing-l);
  --oev-comp-interactive-tooltip-outline-container-background-color-default: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-outline-container-font-color: var(--oev-color-font-body-default);
  --oev-comp-interactive-tooltip-accordion-background-color: var(--oev-color-action-white);
  --oev-comp-interactive-tooltip-accordion-header-font-style: var(--oev-font-style-link);
  --oev-comp-interactive-tooltip-accordion-header-font-color: var(--oev-color-font-link);
  --oev-comp-interactive-tooltip-accordion-header-font-weight: var(--oev-font-weight-link);
  --oev-comp-interactive-tooltip-accordion-header-icon-color: var(--oev-color-font-link);
  --oev-comp-interactive-tooltip-accordion-header-open-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-interactive-tooltip-accordion-spacing-top-bottom: var(--oev-sys-spacing-m);
  --oev-comp-interactive-tooltip-accordion-spacing-left-right: var(--oev-sys-spacing-xl-2);
  --oev-comp-interactive-tooltip-outline-accordion-background-color: var(--oev-color-gray-100);
  --oev-comp-interactive-tooltip-icon-color: var(--oev-color-gray-default);
  --oev-comp-interactive-tooltip-border-radius: var(--oev-ref-radius-none);
  --oev-comp-job-card-gap: var(--oev-sys-spacing-l);
  --oev-comp-job-card-spacing: var(--oev-sys-spacing-l);
  --oev-comp-job-card-shadow-default: var(--oev-sys-elevation-level-1);
  --oev-comp-job-card-background-color-dark: var(--oev-color-gray-100);
  --oev-comp-job-card-background-color-light: var(--oev-color-gray-50);
  --oev-comp-job-card-background-color-white: var(--oev-color-action-white);
  --oev-comp-job-card-border-radius: var(--oev-ref-radius-s);
  --oev-comp-job-card-header-gap: var(--oev-sys-spacing-l);
  --oev-comp-job-card-header-image-border-radius-round: var(--oev-ref-radius-xl);
  --oev-comp-job-card-header-image-border-radius-square: var(--oev-ref-radius-l);
  --oev-comp-job-card-header-image-size-small: var(--oev-ref-size-64);
  --oev-comp-job-card-header-image-size-medium: var(--oev-ref-size-80);
  --oev-comp-job-card-header-image-size-large: var(--oev-ref-size-102);
  --oev-comp-job-card-header-image-size-xlarge: var(--oev-ref-size-120);
  --oev-comp-job-card-header-image-size-xxlarge: var(--oev-ref-size-160);
  --oev-comp-job-card-header-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-job-card-header-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-job-card-job-offers-headline-font-style: var(--oev-font-style-h5);
  --oev-comp-job-card-job-offers-headline-font-color: var(--oev-color-font-h5);
  --oev-comp-job-card-job-offers-indented-spacing: var(--oev-sys-spacing-m);
  --oev-comp-job-card-job-offers-gap: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-button-outlined-background-color: var(--oev-color-background-17);
  --oev-comp-level-navigation-headline-1-font-style: var(--oev-font-style-h3);
  --oev-comp-level-navigation-headline-2-font-style: var(--oev-font-style-h5);
  --oev-comp-level-navigation-level-1-background-color: var(--oev-color-background-17);
  --oev-comp-level-navigation-level-1-headline-spacing-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-1-button-size: var(--oev-ref-size-96);
  --oev-comp-level-navigation-level-1-button-label-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-level-navigation-level-1-button-icon-size-default: var(--oev-ref-size-32);
  --oev-comp-level-navigation-level-1-button-icon-size-active: var(--oev-ref-size-48);
  --oev-comp-level-navigation-level-1-spacing-top-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-1-spacing-top-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-1-spacing-bottom-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-1-spacing-bottom-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-background-color: var(--oev-color-background-02);
  --oev-comp-level-navigation-level-2-headline-spacing-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-button-size: var(--oev-ref-size-64);
  --oev-comp-level-navigation-level-2-button-label-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-level-navigation-level-2-button-icon-size-default: var(--oev-ref-size-24);
  --oev-comp-level-navigation-level-2-button-icon-size-active: var(--oev-ref-size-40);
  --oev-comp-level-navigation-level-2-spacing-top-sl-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-2-spacing-top-m-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-level-navigation-level-2-spacing-bottom-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-2-spacing-bottom-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-background-color: var(--oev-color-gray-50);
  --oev-comp-level-navigation-level-3-headline-spacing-bottom: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-button-size: var(--oev-ref-size-64);
  --oev-comp-level-navigation-level-3-button-label-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-level-navigation-level-3-button-icon-size-default: var(--oev-ref-size-24);
  --oev-comp-level-navigation-level-3-button-icon-size-active: var(--oev-ref-size-40);
  --oev-comp-level-navigation-level-3-spacing-top-sl-xs: var(--oev-sys-spacing-xl-1);
  --oev-comp-level-navigation-level-3-spacing-top-m-xl: var(--oev-sys-spacing-xl-2);
  --oev-comp-level-navigation-level-3-spacing-bottom-sl-xs: var(--oev-sys-spacing-l);
  --oev-comp-level-navigation-level-3-spacing-bottom-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-list-item-body-font-color: var(--oev-color-font-body-default);
  --oev-comp-list-item-body-font-style: var(--oev-font-style-body);
  --oev-comp-list-item-icon-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-list-item-spacing-vertical: var(--oev-sys-spacing-m);
  --oev-comp-list-background-color-hover: var(--oev-color-transparent);
  --oev-comp-list-bullet-margin-right: 0.375rem;
  --oev-comp-list-bullet-margin-left: -0.8rem;
  --oev-comp-list-bullet-font-size: 0.75rem;
  --oev-comp-list-figure-margin-right: 0.188rem;
  --oev-comp-list-figure-margin-left: -1.063rem;
  --oev-comp-loading-indicators-bar-color: var(--oev-color-primary-default);
  --oev-comp-loading-indicators-bar-background-color: var(--oev-color-background-white);
  --oev-comp-loading-indicators-bar-height: var(--oev-ref-size-06);
  --oev-comp-loading-indicators-bar-border-radius: var(--oev-ref-radius-l);
  --oev-comp-loading-indicators-ring-color: var(--oev-color-primary-default);
  --oev-comp-loading-indicators-spinner-color: var(--oev-color-primary-default);
  --oev-comp-progress-tabs-border-bottom-color-current: var(--oev-color-primary-default);
  --oev-comp-progress-tabs-border-bottom-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progress-tabs-border-bottom-color-active: var(--oev-color-primary-active);
  --oev-comp-progress-tabs-border-bottom-color-previous: var(--oev-color-primary-visited);
  --oev-comp-progress-tabs-border-bottom-color-next: var(--oev-color-gray-600);
  --oev-comp-progress-tabs-current-triangle-width: var(--oev-ref-size-16);
  --oev-comp-progress-tabs-current-triangle-height: var(--oev-ref-size-08);
  --oev-comp-progress-tabs-font-color-current: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-hover: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-focus: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-previous: var(--oev-color-font-body-default);
  --oev-comp-progress-tabs-font-color-next: var(--oev-color-gray-600);
  --oev-comp-progress-tabs-font-spacing-bottom-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-progress-tabs-font-spacing-bottom-m-xl: var(--oev-sys-spacing-s);
  --oev-comp-progress-tabs-font-spacing-sides-xs-s: var(--oev-sys-spacing-xxs);
  --oev-comp-progress-tabs-font-spacing-sides-m-xl: var(--oev-sys-spacing-xs);
  --oev-comp-progress-tabs-font-style-xs-s: var(--oev-font-style-body-small);
  --oev-comp-progress-tabs-font-style-m-xl: var(--oev-font-style-body);
  --oev-comp-progress-tabs-font-max-lines-xs-s: 3;
  --oev-comp-progress-tabs-font-max-lines-m-xl: 2;
  --oev-comp-progressbar-onsite-background-color: var(--oev-color-transparent);
  --oev-comp-progressbar-sticky-background-color: var(--oev-color-background-17);
  --oev-comp-progressbar-sticky-box-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-progressbar-sticky-box-spacing-top-bottom-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-progressbar-sticky-box-spacing-top-bottom-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-progressbar-sticky-box-spacing-left-right-xs: var(--oev-sys-spacing-s);
  --oev-comp-progressbar-sticky-box-spacing-left-right-s-xl: var(--oev-sys-spacing-none);
  --oev-comp-progressbar-inline-box-spacing-top-bottom-xs-s: var(--oev-sys-spacing-xl-1);
  --oev-comp-progressbar-inline-box-spacing-top-bottom-m-xl: var(--oev-sys-spacing-xl-3);
  --oev-comp-progressbar-bar-color-active: var(--oev-color-primary-default);
  --oev-comp-progressbar-bar-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progressbar-bar-color-next: var(--oev-color-gray-500);
  --oev-comp-progressbar-bar-point-size: var(--oev-ref-size-12);
  --oev-comp-progressbar-bar-point-spacing-bottom: var(--oev-ref-spacing-01);
  --oev-comp-progressbar-bar-line-width: var(--oev-ref-size-02);
  --oev-comp-progressbar-label-color-active: var(--oev-color-primary-default);
  --oev-comp-progressbar-label-color-hover: var(--oev-color-primary-hover);
  --oev-comp-progressbar-label-color-next: var(--oev-color-font-body-default);
  --oev-comp-progressbar-label-spacing-bottom: var(--oev-ref-spacing-20);
  --oev-comp-progressbar-label-spacing-left-right-xs: var(--oev-sys-spacing-xxs);
  --oev-comp-progressbar-label-font-style-xs: var(--oev-font-style-link-small);
  --oev-comp-progressbar-label-font-style-s-xl: var(--oev-font-style-link);
  --oev-comp-read-more-border-spacing-top: var(--oev-sys-spacing-m);
  --oev-comp-read-more-spacing-top: var(--oev-sys-spacing-none);
  --oev-comp-read-more-spacing-bottom: var(--oev-sys-spacing-none);
  --oev-comp-search-bar-border-radius-top-left: var(--oev-ref-radius-none);
  --oev-comp-search-bar-border-radius-top-right: var(--oev-ref-radius-m);
  --oev-comp-search-bar-border-radius-bottom-left: var(--oev-ref-radius-none);
  --oev-comp-search-bar-border-radius-bottom-right: var(--oev-ref-radius-m);
  --oev-comp-search-bar-error-font-style: var(--oev-font-style-error);
  --oev-comp-search-bar-error-font-color: var(--oev-color-action-error);
  --oev-comp-search-bar-errorbox-margin-top: var(--oev-sys-spacing-xxs);
  --oev-comp-stage-card-subtitle-font-weight: var(--oev-font-weight-bold);
  --oev-comp-step-display-spacing-top-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-top-m-xl: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-bottom-xs-s: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-bottom-m-xl: var(--oev-sys-spacing-none);
  --oev-comp-step-display-spacing-gap-xs-s: var(--oev-sys-spacing-l);
  --oev-comp-step-display-spacing-gap-m-xl: var(--oev-sys-spacing-xl-1);
  --oev-comp-step-display-step-item-connector-width: var(--oev-ref-size-04);
  --oev-comp-step-display-step-item-spacing-gap-vertical-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-spacing-gap-vertical-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-step-display-step-item-spacing-gap-horizontal-xs-s: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-spacing-gap-horizontal-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-step-display-step-item-circle-size-xs-s: var(--oev-ref-size-48);
  --oev-comp-step-display-step-item-circle-size-m-xl: var(--oev-ref-size-56);
  --oev-comp-step-display-step-item-circle-default-icon-color: var(--oev-color-secondary-default);
  --oev-comp-step-display-step-item-circle-default-border-color: var(--oev-color-secondary-default);
  --oev-comp-step-display-step-item-circle-default-connector-color: var(--oev-comp-step-display-step-item-circle-default-border-color);
  --oev-comp-step-display-step-item-circle-default-background-color: var(--oev-color-background-17);
  --oev-comp-step-display-step-item-circle-completed-icon-color: var(--oev-color-action-white);
  --oev-comp-step-display-step-item-circle-completed-border-color: var(--oev-color-action-success);
  --oev-comp-step-display-step-item-circle-completed-connector-color: var(--oev-comp-step-display-step-item-circle-completed-border-color);
  --oev-comp-step-display-step-item-circle-completed-background-color: var(--oev-color-action-success);
  --oev-comp-step-display-step-item-content-headline-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-step-display-step-item-content-text-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-max-width: 75rem;
  --oev-comp-sticky-footer-flex-direction-xs-s: column;
  --oev-comp-sticky-footer-flex-direction-m-xl: row;
  --oev-comp-sticky-footer-label-font-style: var(--oev-font-style-link);
  --oev-comp-sticky-footer-label-color-default: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-hover: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-active: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-focus: var(--oev-color-action-white);
  --oev-comp-sticky-footer-label-color-selected: var(--oev-color-action-white);
  --oev-comp-sticky-footer-icon-color-default: var(--oev-color-action-white);
  --oev-comp-sticky-footer-icon-color-hover: rgba(255, 255, 255, .7);
  --oev-comp-sticky-footer-icon-color-active: rgba(255, 255, 255, .9);
  --oev-comp-sticky-footer-icon-color-focus: rgba(255, 255, 255, .7);
  --oev-comp-sticky-footer-icon-color-selected: var(--oev-color-action-white);
  --oev-comp-sticky-footer-icon-label-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-color-background-default: var(--oev-color-primary-default);
  --oev-comp-sticky-footer-color-background-hover: var(--oev-color-primary-hover);
  --oev-comp-sticky-footer-color-background-active: var(--oev-color-primary-active);
  --oev-comp-sticky-footer-color-outline-focus: var(--oev-color-primary-focus);
  --oev-comp-sticky-footer-spacing-top-xs-sl: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-spacing-bottom-xs-sl: var(--oev-sys-spacing-s);
  --oev-comp-sticky-footer-spacing-horizontal-xs-sl: var(--oev-sys-spacing-xs);
  --oev-comp-sticky-footer-spacing-horizontal-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-spacing-vertical-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-sticky-footer-shadow: var(--oev-sys-elevation-level-2);
  --oev-comp-sticky-footer-outline-focus-width: var(--oev-ref-size-02);
  --oev-comp-form-summary-background-color: var(--oev-color-background-17);
  --oev-comp-form-summary-header-gap-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-form-summary-spacing-gap-xs-s: var(--oev-sys-spacing-xl-3);
  --oev-comp-form-summary-spacing-gap-m-xl: var(--oev-sys-spacing-xl-5);
  --oev-comp-form-summary-data-section-gap-spacing: var(--oev-sys-spacing-xs);
  --oev-comp-form-summary-row-background-color-alternate: var(--oev-color-background-01);
  --oev-comp-table-row-font-style-label: var(--oev-font-style-body);
  --oev-comp-table-row-font-style-value: var(--oev-font-style-link);
  --oev-comp-table-row-font-color-label: var(--oev-color-font-body-default);
  --oev-comp-table-row-font-color-value: var(--oev-color-font-body-default);
  --oev-comp-table-row-font-weight-value: var(--oev-font-weight-bold);
  --oev-comp-table-row-spacing-left-right: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-spacing-top-bottom: var(--oev-sys-spacing-xs);
  --oev-comp-table-row-background-color-default: var(--oev-color-background-17);
  --oev-comp-table-row-background-color-alternate: var(--oev-color-background-14);
  --oev-comp-table-row-border-color: var(--oev-color-gray-300);
  --oev-comp-table-row-border-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-headline-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-tariff-comparison-header-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-header-border-color: var(--oev-color-transparent);
  --oev-comp-tariff-comparison-header-border-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-border-radius: var(--oev-ref-radius-none);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-color: var(--oev-color-transparent);
  --oev-comp-tariff-comparison-header-overline-offset-top: 90%;
  --oev-comp-tariff-comparison-header-overline-highlighted-offset-top: 30%;
  --oev-comp-tariff-comparison-header-overline-color-background: var(--oev-color-custom-02);
  --oev-comp-tariff-comparison-header-overline-border-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-overline-border-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-header-overline-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-overline-text-spacing-left-right: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-overline-text-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-overline-font-style-xs: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-overline-font-style-s-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-overline-shadow: var(--oev-sys-box-shadow-none);
  --oev-comp-tariff-comparison-header-tariff-name-color-background: var(--oev-color-gray-600);
  --oev-comp-tariff-comparison-header-tariff-name-visible-color-background-x-small: var(--oev-color-gray-700);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-color-background: var(--oev-color-primary-500);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-font-color: var(--oev-comp-tariff-comparison-header-tariff-name-font-color);
  --oev-comp-tariff-comparison-header-tariff-name-font-color: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-tariff-name-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-header-price-container-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-price-container-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-header-price-container-highlighted-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-header-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-header-tariff-price-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-tariff-price-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-xs-s: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-m-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-tariff-price-period-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-visible-tariff-price-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-subline-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-color-background-x-small: var(--oev-color-gray-700);
  --oev-comp-tariff-comparison-header-visible-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-highlighted-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-arrow-container-border-color-x-small: var(--oev-color-gray-700);
  --oev-comp-tariff-comparison-content-color-background: var(--oev-color-background-17);
  --oev-comp-tariff-comparison-content-tariffgroup-name-color-background: var(--oev-color-gray-50);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-style: var(--oev-font-style-link);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffgroup-name-tooltip-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-open: var(--oev-color-gray-default);
  --oev-comp-tariff-comparison-content-tariffrow-color-background-hover: var(--oev-color-gray-100);
  --oev-comp-tariff-comparison-content-tariffrow-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-style: var(--oev-font-style-body);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-check-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-remove-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-yes: var(--oev-icon-check-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-no: var(--oev-icon-remove-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-1: var(--oev-sys-spacing-xl-1);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-2: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-name-module-group-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-content-container-spacing-top: var(--oev-ref-spacing-20);
  --oev-comp-tariff-comparison-content-container-spacing-gap: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-footer-tarifffooter-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-tarifffooter-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-footer-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-tariff-price-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-footer-anchoring-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-anchoring-font-color: var(--oev-color-font-h5);
  --oev-comp-tariff-comparison-footer-anchoring-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-container-color-background: var(--oev-color-background-15);
  --oev-comp-tariff-comparison-footer-anchoring-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-width: var(--oev-ref-size-02);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-footer-subline-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-footer-subline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-button-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tile-item-border-color-default: var(--oev-color-gray-default);
  --oev-comp-tile-item-border-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tile-item-border-color-disabled: var(--oev-color-gray-disabled);
  --oev-comp-tile-item-border-color-active: var(--oev-color-primary-active);
  --oev-comp-tile-item-border-color-selected: var(--oev-color-primary-default);
  --oev-comp-tile-item-border-color-focus: var(--oev-color-action-focus-on-light);
  --oev-comp-tile-item-border-width-default: var(--oev-ref-size-01);
  --oev-comp-tile-item-border-width-focus: var(--oev-ref-size-02);
  --oev-comp-tile-item-border-radius: var(--oev-ref-radius-s);
  --oev-comp-tile-item-icon-background-color-checked: var(--oev-color-primary-default);
  --oev-comp-tile-item-icon-size-default: var(--oev-font-size-xl-1);
  --oev-comp-tile-item-icon-size-checked: var(--oev-comp-icon-size-medium);
  --oev-comp-tile-item-icon-size-label: var(--oev-comp-icon-size-x-large);
  --oev-comp-tile-item-icon-checked-spacing: var(--oev-ref-spacing-08);
  --oev-comp-tile-item-font-color-default: var(--oev-color-font-body-default);
  --oev-comp-tile-item-font-color-hover: var(--oev-color-gray-hover);
  --oev-comp-tile-item-font-color-disabled: var(--oev-color-font-body-disabled);
  --oev-comp-tile-item-font-color-active: var(--oev-color-gray-active);
  --oev-comp-tile-item-font-color-selected: var(--oev-color-gray-default);
  --oev-comp-tile-item-font-color-focus: var(--oev-color-gray-default);
  --oev-comp-tile-item-font-style: var(--oev-font-style-body);
  --oev-comp-tile-item-background-color-default: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-hover: var(--oev-color-gray-100);
  --oev-comp-tile-item-background-color-disabled: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-active: var(--oev-color-gray-100);
  --oev-comp-tile-item-background-color-selected: var(--oev-color-background-17);
  --oev-comp-tile-item-background-color-focus: var(--oev-color-background-17);
  --oev-comp-tile-item-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tile-item-gap-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tile-item-label-max-height: var(--oev-ref-size-72);
  --oev-comp-tiles-gap-spacing-m-xl: var(--oev-sys-spacing-l);
  --oev-comp-tiles-gap-spacing-sl-xs: var(--oev-sys-spacing-m);
  --oev-comp-tiles-error-spacing-top: var(--oev-sys-spacing-xxs);
  --oev-comp-tiles-error-spacing-left: var(--oev-sys-spacing-m);
  --oev-comp-tiles-font-color-error: var(--oev-color-font-error);
  --oev-comp-tiles-font-style-error: var(--oev-font-style-error);
  --oev-comp-tooltip-icon-content: var(--oev-icon-info-outlined);
  --oev-comp-tooltip-icon-size: var(--oev-comp-icon-size-20);
  --oev-comp-tooltip-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-tooltip-icon-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tooltip-icon-color-active: var(--oev-color-primary-active);
  --oev-comp-tooltip-icon-color-focus: var(--oev-color-primary-focus);
  --oev-comp-tooltip-content-background-color-default: var(--oev-color-background-17);
  --oev-comp-tooltip-content-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tooltip-content-font-style: var(--oev-font-style-body);
  --oev-comp-tooltip-content-font-color: var(--oev-color-font-body-default);
  --oev-comp-tooltip-content-border-radius: var(--oev-ref-radius-none);
  --oev-comp-tooltip-content-border-color: var(--oev-color-gray-300);
  --oev-comp-tooltip-content-link-text-decoration: none;
  --oev-comp-tooltip-content-link-color-default: var(--oev-color-primary-default);
  --oev-comp-tooltip-content-link-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tooltip-content-link-color-active: var(--oev-color-primary-active);
  --oev-comp-tooltip-content-link-color-focus: var(--oev-color-primary-focus);
  --oev-comp-tooltip-content-link-color-visited: var(--oev-color-font-link);
  --oev-comp-tooltip-content-icon-close-content: var(--oev-icon-close-filled);
  --oev-comp-tooltip-content-icon-close-size: var(--oev-comp-icon-size-20);
  --oev-comp-tooltip-content-icon-close-color-default: var(--oev-color-gray-default);
  --oev-comp-tooltip-content-icon-close-color-hover: var(--oev-color-primary-hover);
  --oev-comp-tooltip-content-icon-close-color-active: var(--oev-color-primary-active);
  --oev-comp-tooltip-content-icon-close-color-focus: var(--oev-color-primary-focus);
  --oev-comp-tooltip-pointer-width: var(--oev-sys-spacing-l);
  --oev-comp-tooltip-pointer-height: var(--oev-sys-spacing-s);
  --oev-comp-tooltip-pointer-border-color: var(--oev-color-action-white);
  --oev-comp-tooltip-modal-background-color-default: var(--oev-color-background-17);
  --oev-comp-tooltip-modal-background-darkening-color-default: var(--oev-color-action-black);
  --oev-comp-tooltip-modal-background-darkening-opacity: var(--oev-ref-opacity-20);
  --oev-comp-tooltip-modal-font-color: var(--oev-color-font-body-default);
  --oev-comp-tooltip-modal-font-style: var(--oev-font-style-body);
  --oev-comp-tooltip-modal-border-radius-top: var(--oev-ref-radius-none);
  --oev-comp-tooltip-modal-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tooltip-modal-footer-spacing-top: var(--oev-sys-spacing-l);
  --oev-comp-upload-background-color: var(--oev-color-background-02);
  --oev-comp-upload-border-radius: var(--oev-ref-radius-m);
  --oev-comp-upload-error-color: var(--oev-color-action-error);
  --oev-comp-upload-error-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-spacing-top-xs: var(--oev-sys-spacing-m);
  --oev-comp-upload-spacing-top-s-xl: var(--oev-sys-spacing-l);
  --oev-comp-upload-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-upload-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-border-svg-default: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23BFBFBFFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-border-svg-drag-and-drop: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%235C5C5CFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-border-svg-active: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%235C5C5CFF' stroke-width='2' stroke-dasharray='10%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  --oev-comp-upload-headline-color: var(--oev-color-font-h6);
  --oev-comp-upload-headline-drag-and-drop-color: var(--oev-color-gray-500);
  --oev-comp-upload-headline-font-style: var(--oev-font-style-h6);
  --oev-comp-upload-headline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-description-font-style: var(--oev-font-style-body-small);
  --oev-comp-upload-description-color: var(--oev-color-font-body-default);
  --oev-comp-upload-description-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-upload-description-drag-and-drop-color: var(--oev-color-gray-500);
  --oev-comp-upload-status-background-color: var(--oev-color-background-01);
  --oev-comp-upload-status-bar-color: var(--oev-color-action-white);
  --oev-comp-upload-status-bar-filling-color: var(--oev-color-primary-default);
  --oev-comp-upload-status-icon-cross-color: var(--oev-color-primary-default);
  --oev-comp-upload-status-icon-trash-color: var(--oev-color-gray-default);
  --oev-comp-upload-status-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-upload-status-icon-color-hover: var(--oev-color-gray-hover);
  --oev-comp-upload-status-icon-color-active: var(--oev-color-gray-active);
  --oev-comp-upload-status-icon-color-error: var(--oev-color-action-error);
  --oev-comp-upload-status-icon-border-color: var(--oev-color-transparent);
  --oev-comp-upload-status-filename-color: var(--oev-color-font-body-default);
  --oev-comp-upload-status-filename-font-style: var(--oev-font-style-body);
  --oev-comp-upload-status-percent-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-status-percent-color: var(--oev-color-font-body-default);
  --oev-comp-upload-status-error-color: var(--oev-color-action-error);
  --oev-comp-upload-status-error-font-style: var(--oev-font-style-caption);
  --oev-comp-upload-status-success-color: var(--oev-color-action-success);
  --oev-comp-upload-status-spacing-default: var(--oev-sys-spacing-m);
  --oev-comp-upload-status-spacing-between: var(--oev-sys-spacing-xs);
  --oev-ref-opacity-0: 0;
  --oev-ref-opacity-10: .1;
  --oev-ref-opacity-20: .2;
  --oev-ref-opacity-30: .3;
  --oev-ref-opacity-40: .4;
  --oev-ref-opacity-50: .5;
  --oev-ref-opacity-60: .6;
  --oev-ref-opacity-70: .7;
  --oev-ref-opacity-80: .8;
  --oev-ref-opacity-90: .9;
  --oev-ref-opacity-100: 1;
  --oev-ref-z-index-1: 1;
  --oev-ref-z-index-5: 5;
  --oev-ref-z-index-10: 10;
  --oev-ref-z-index-15: 15;
  --oev-ref-z-index-20: 20;
  --oev-ref-z-index-30: 30;
  --oev-ref-z-index-40: 40;
  --oev-ref-z-index-45: 45;
  --oev-ref-z-index-50: 50;
  --oev-ref-z-index-60: 60;
  --oev-ref-z-index-70: 70;
  --oev-ref-z-index-80: 80;
  --oev-ref-z-index-90: 90;
  --oev-ref-z-index-100: 100;
  --oev-ref-z-index-105: 105;
  --oev-ref-z-index-negative: -1;
  --oev-ref-align-top: flex-start;
  --oev-ref-align-center: center;
  --oev-ref-align-bottom: baseline;
  --oev-sys-focus-visible-border-color: var(--oev-color-focus-visible-outline);
  --oev-sys-focus-visible-border-radius: var(--oev-ref-radius-06);
  --oev-sys-focus-visible-outline-width: 100%;
  --oev-sys-focus-visible-outline-height-changer: var(--oev-ref-spacing-12);
  --oev-sys-focus-visible-left-offset: -4px;
  --oev-sys-focus-visible-padding: 2px 4px;
  --oev-ref-radius-24: var(--oev-ref-size-24);
  --oev-ref-radius-32: var(--oev-ref-size-32);
  --oev-ref-radius-50: var(--oev-ref-size-50);
  --oev-ref-radius-none: 0;
  --oev-ref-radius-s: 0.25rem;
  --oev-ref-radius-m: 0.5rem;
  --oev-ref-radius-l: 1rem;
  --oev-ref-radius-xl: 50%;
  --oev-ref-radius-03: var(--oev-ref-size-03);
  --oev-ref-radius-06: var(--oev-ref-size-06);
  --oev-sys-box-shadow-0: 0 0 0 #00000016;
  --oev-sys-box-shadow-1: 0 0.063rem 0.125rem #00000016;
  --oev-sys-box-shadow-2: 0 0.125rem 0.375rem #00000016;
  --oev-sys-box-shadow-3: 0 0.375rem 0.75rem #00000016;
  --oev-sys-box-shadow-4: 0 0.75rem 1.5rem #00000016;
  --oev-ref-box-shadow-default: 0 0.1875rem 0.625rem #00000029;
  --oev-ref-box-shadow-hover: 0 0.125rem 0.375rem #00000029;
  --oev-ref-box-shadow-pressed: 0 0.0625rem 0.1875rem #00000029;
  --oev-ref-box-shadow-dragged: 0 0 0.75rem #00000029;
  --oev-ref-box-shadow-disabled: 0 0.0625rem 0.25rem #00000015;
  --oev-sys-box-shadow-none: none;
  --oev-sys-elevation-level-0: 0 0 0 #00000029;
  --oev-sys-elevation-level-1: 0 0.063rem 0.125rem #00000029;
  --oev-sys-elevation-level-2: 0 0.188rem 0.375rem #00000029;
  --oev-sys-elevation-level-3: 0 0.375rem 0.75rem #00000029;
  --oev-sys-elevation-level-4: 0 0.75rem 1.5rem #00000029;
  --oev-ref-size-10: 0.625rem;
  --oev-ref-size-12: 0.75rem;
  --oev-ref-size-15: 0.938rem;
  --oev-ref-size-16: 1rem;
  --oev-ref-size-20: 1.25rem;
  --oev-ref-size-24: 1.5rem;
  --oev-ref-size-32: 2rem;
  --oev-ref-size-40: 2.5rem;
  --oev-ref-size-48: 3rem;
  --oev-ref-size-50: 3.125rem;
  --oev-ref-size-56: 3.5rem;
  --oev-ref-size-58: 3.625rem;
  --oev-ref-size-64: 4rem;
  --oev-ref-size-72: 4.5rem;
  --oev-ref-size-80: 5rem;
  --oev-ref-size-88: 5.5rem;
  --oev-ref-size-96: 6rem;
  --oev-ref-size-102: 6.375rem;
  --oev-ref-size-104: 6.5rem;
  --oev-ref-size-120: 7.5rem;
  --oev-ref-size-140: 8.75rem;
  --oev-ref-size-160: 10rem;
  --oev-ref-size-192: 12rem;
  --oev-ref-size-256: 16rem;
  --oev-ref-size-00: 0;
  --oev-ref-size-01: 0.063rem;
  --oev-ref-size-02: 0.125rem;
  --oev-ref-size-03: 0.188rem;
  --oev-ref-size-04: 0.25rem;
  --oev-ref-size-06: 0.375rem;
  --oev-ref-size-08: 0.5rem;
  --oev-ref-size-auto: 100%;
  --oev-ref-spacing-10: 0.625rem;
  --oev-ref-spacing-12: 0.75rem;
  --oev-ref-spacing-14: 0.875rem;
  --oev-ref-spacing-15: 0.938rem;
  --oev-ref-spacing-16: 1rem;
  --oev-ref-spacing-20: 1.25rem;
  --oev-ref-spacing-24: 1.5rem;
  --oev-ref-spacing-32: 2rem;
  --oev-ref-spacing-40: 2.5rem;
  --oev-ref-spacing-48: 3rem;
  --oev-ref-spacing-56: 3.5rem;
  --oev-ref-spacing-64: 4rem;
  --oev-ref-spacing-72: 4.5rem;
  --oev-ref-spacing-80: 5rem;
  --oev-ref-spacing-96: 6rem;
  --oev-ref-spacing-00: 0;
  --oev-ref-spacing-01: 0.063rem;
  --oev-ref-spacing-02: 0.125rem;
  --oev-ref-spacing-04: 0.25rem;
  --oev-ref-spacing-06: 0.375rem;
  --oev-ref-spacing-08: 0.5rem;
  --oev-ref-spacing-negative-07: -7px;
  --oev-sys-spacing-none: var(--oev-ref-spacing-00);
  --oev-sys-spacing-xxs: var(--oev-ref-spacing-04);
  --oev-sys-spacing-xs: var(--oev-ref-spacing-08);
  --oev-sys-spacing-s: var(--oev-ref-spacing-12);
  --oev-sys-spacing-m: var(--oev-ref-spacing-16);
  --oev-sys-spacing-l: var(--oev-ref-spacing-24);
  --oev-sys-spacing-xl-1: var(--oev-ref-spacing-32);
  --oev-sys-spacing-xl-2: var(--oev-ref-spacing-40);
  --oev-sys-spacing-xl-3: var(--oev-ref-spacing-48);
  --oev-sys-spacing-xl-4: var(--oev-ref-spacing-56);
  --oev-sys-spacing-xl-5: var(--oev-ref-spacing-64);
  --oev-sys-spacing-xl-6: var(--oev-ref-spacing-72);
  --oev-sys-spacing-xl-7: var(--oev-ref-spacing-80);
  --oev-sys-spacing-xl-8: var(--oev-ref-spacing-96);
  --oev-sys-spacing-responsive-xxs: var(--oev-ref-spacing-04);
  --oev-sys-spacing-responsive-xs: var(--oev-ref-spacing-08);
  --oev-sys-spacing-responsive-s: var(--oev-ref-spacing-12);
  --oev-sys-spacing-responsive-m: var(--oev-ref-spacing-16);
  --oev-sys-spacing-responsive-l: var(--oev-ref-spacing-20);
  --oev-sys-spacing-responsive-xl: var(--oev-ref-spacing-24);
  --oev-sys-spacing-responsive-xxl: var(--oev-ref-spacing-32);
  --oev-font-family-sans-serif: Ubuntu, sans-serif;
  --oev-font-family-serif:
    Georgia,
    Times,
    serif;
  --oev-font-family-light: var(--oev-font-family-sans-serif);
  --oev-font-family-bold: var(--oev-font-family-sans-serif);
  --oev-font-family-black: var(--oev-font-family-sans-serif);
  --oev-font-family-default: var(--oev-font-family-sans-serif);
  --oev-font-family-calligraphy: "Caveat", cursive;
  --oev-font-family-icon: "iconfont-vk-dxp";
  --oev-font-family-stage: var(--oev-font-family-h1);
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-light);
  --oev-font-family-body-small: var(--oev-font-family-light);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 600;
  --oev-font-weight-bold: 700;
  --oev-font-weight-black: 900;
  --oev-font-weight-default: var(--oev-font-weight-regular);
  --oev-font-weight-stage: var(--oev-font-weight-h1);
  --oev-font-weight-h1: var(--oev-font-weight-bold);
  --oev-font-weight-h2: var(--oev-font-weight-bold);
  --oev-font-weight-h3: var(--oev-font-weight-bold);
  --oev-font-weight-h4: var(--oev-font-weight-bold);
  --oev-font-weight-h5: var(--oev-font-weight-bold);
  --oev-font-weight-h6: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-bold);
  --oev-font-weight-body: var(--oev-font-weight-default);
  --oev-font-weight-body-small: var(--oev-font-weight-default);
  --oev-font-weight-label: var(--oev-font-weight-medium);
  --oev-font-weight-label-small: var(--oev-font-weight-default);
  --oev-font-weight-link: var(--oev-font-weight-bold);
  --oev-font-weight-link-medium: var(--oev-font-weight-bold);
  --oev-font-weight-link-small: var(--oev-font-weight-bold);
  --oev-font-weight-caption: var(--oev-font-weight-default);
  --oev-font-weight-error: var(--oev-font-weight-medium);
  --oev-font-size-38: calc(38/16 * 1rem);
  --oev-font-size-xxs: calc(12/16 * 1rem);
  --oev-font-size-xs: calc(14/16 * 1rem);
  --oev-font-size-s: 1rem;
  --oev-font-size-m: calc(18/16 * 1rem);
  --oev-font-size-l: calc(20/16 * 1rem);
  --oev-font-size-xl-1: calc(24/16 * 1rem);
  --oev-font-size-xl-2: calc(32/16 * 1rem);
  --oev-font-size-xl-3: calc(36/16 * 1rem);
  --oev-font-size-xl-4: calc(40/16 * 1rem);
  --oev-font-size-xl-5: calc(26/16 * 1rem);
  --oev-font-size-xl-6: calc(28/16 * 1rem);
  --oev-font-size-xl-7: calc(29/16 * 1rem);
  --oev-font-size-xl-8: calc(32/16 * 1rem);
  --oev-font-size-xl-9: calc(36/16 * 1rem);
  --oev-font-size-xl-10: calc(34/16 * 1rem);
  --oev-font-size-stage: var(--oev-font-size-h1);
  --oev-font-size-h1: var(--oev-font-size-xl-2);
  --oev-font-size-h2: var(--oev-font-size-xl-1);
  --oev-font-size-h3: var(--oev-font-size-xl-2);
  --oev-font-size-h4: var(--oev-font-size-xl-1);
  --oev-font-size-h5: var(--oev-font-size-l);
  --oev-font-size-h6: var(--oev-font-size-m);
  --oev-font-size-subtitle-1: var(--oev-font-size-l);
  --oev-font-size-subtitle-2: var(--oev-font-size-m);
  --oev-font-size-body: var(--oev-font-size-s);
  --oev-font-size-body-small: var(--oev-font-size-xs);
  --oev-font-size-label: var(--oev-font-size-xs);
  --oev-font-size-label-small: var(--oev-font-size-xxs);
  --oev-font-size-link: var(--oev-font-size-s);
  --oev-font-size-link-medium: var(--oev-font-size-xs);
  --oev-font-size-link-small: var(--oev-font-size-xxs);
  --oev-font-size-caption: var(--oev-font-size-xxs);
  --oev-font-size-error: var(--oev-font-size-xxs);
  --oev-font-style-stage: normal normal 700 var(--oev-font-size-stage) / 130% Ubuntu, sans-serif;
  --oev-font-style-h1: normal normal 700 var(--oev-font-size-h1) / 130% Ubuntu, sans-serif;
  --oev-font-style-h2: normal normal 700 var(--oev-font-size-h2) / 130% Ubuntu, sans-serif;
  --oev-font-style-h3: normal normal 700 var(--oev-font-size-h3) / 130% Ubuntu, sans-serif;
  --oev-font-style-h4: normal normal 700 var(--oev-font-size-h4) / 130% Ubuntu, sans-serif;
  --oev-font-style-h5: normal normal 700 var(--oev-font-size-h5) / 130% Ubuntu, sans-serif;
  --oev-font-style-h6: normal normal 700 var(--oev-font-size-h6) / 130% Ubuntu, sans-serif;
  --oev-font-style-subtitle-1: normal normal 700 var(--oev-font-size-subtitle-1) / 130% Ubuntu, sans-serif;
  --oev-font-style-subtitle-2: normal normal 700 var(--oev-font-size-subtitle-2) / 130% Ubuntu, sans-serif;
  --oev-font-style-body: normal normal 400 1rem / 1.5 Ubuntu, sans-serif;
  --oev-font-style-body-small: normal normal 400 var(--oev-font-size-body-small) / 130% Ubuntu, sans-serif;
  --oev-font-style-label: normal normal 600 calc(14/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-label-small: normal normal 400 calc(12/16 * 1rem) / 1.17 Ubuntu, sans-serif;
  --oev-font-style-link: normal normal 700 1rem / 1.5 Ubuntu, sans-serif;
  --oev-font-style-link-small: normal normal 700 calc(12/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-link-medium: normal normal 700 calc(14/16 * 1rem) / 130% Ubuntu, sans-serif;
  --oev-font-style-caption: normal normal 400 calc(12/16 * 1rem) / 1.5 Ubuntu, sans-serif;
  --oev-font-style-error: normal normal 600 calc(12/16 * 1rem) / 1.17 Ubuntu, sans-serif;
  --oev-font-style-signature: normal normal 400 var(--oev-font-size-subtitle-2) / 130% "Caveat", cursive;
  --oev-line-height-xxs: 1;
  --oev-line-height-xs: 1.17;
  --oev-line-height-s: 130%;
  --oev-line-height-m: 1.5;
  --oev-line-height-l: 2.5;
  --oev-line-height-default: var(--oev-line-height-s);
  --oev-line-height-stage: var(--oev-line-height-h1);
  --oev-line-height-h1: var(--oev-line-height-default);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-subtitle-1: var(--oev-line-height-default);
  --oev-line-height-subtitle-2: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-m);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-xs);
  --oev-line-height-link: var(--oev-line-height-m);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-error: var(--oev-line-height-xs);
  --oev-line-height-caption: var(--oev-line-height-m);
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-comp-forms-radio-button-options-row-spacing: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-comp-forms-radio-button-options-row-spacing: 0.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-comp-forms-radio-button-options-row-spacing: 0.75rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-comp-grid-responsive-spacing-top-bottom: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-comp-grid-responsive-spacing-top-bottom: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-comp-grid-responsive-spacing-top-bottom: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-comp-grid-responsive-gap: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-comp-grid-container-card-view-spacing-top-bottom: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-comp-grid-container-card-view-spacing-left-right: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-comp-grid-container-card-view-spacing-left-right: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-comp-grid-container-card-view-spacing-left-right: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xxs: 0.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xxs: 0.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xxs: 1rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xs: 0.75rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xs: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xs: 1.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-s: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-s: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-s: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-m: 1.25rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-m: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-m: 2rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-l: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-l: 2rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-l: 2.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xl: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xl: 2.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xl: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xxl: 2.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xxl: 3rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-sys-spacing-responsive-xxl: 3.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h1: calc(36/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h1: calc(40/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h1: calc(40/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h2: calc(32/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h2: calc(36/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h2: calc(36/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h3: calc(36/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h3: calc(40/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h3: calc(40/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h4: calc(32/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h4: calc(34/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h4: calc(34/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h5: calc(24/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h5: calc(32/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h5: calc(32/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h6: calc(20/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h6: calc(24/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h6: calc(24/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-1: calc(24/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-1: calc(32/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-subtitle-1: calc(32/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-2: calc(20/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-2: calc(24/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-subtitle-2: calc(24/16 * 1rem);
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-body-small: calc(14/16 * 1rem);
  }
}
.theme-aok {
  --oev-ref-radius-s: 0.25rem;
  --oev-ref-radius-m: 0.25rem;
  --oev-ref-radius-l: 0.25rem;
  --oev-comp-button-border-radius: 0.25rem;
  --oev-comp-card-border-radius: 0;
  --oev-comp-forms-datepicker-overlay-border-radius: 0;
  --oev-comp-forms-dropdown-border-radius: 0.25rem;
  --oev-comp-forms-text-area-border-radius: 0.25rem;
  --oev-comp-forms-input-text-border-radius: 0.25rem;
  --oev-comp-chip-border-radius: 0;
  --vk-comp-checkbox-border-radius: 0;
  --vk-comp-fieldset-border-radius: 0.25rem;
  --vk-comp-fileupload-border-radius: 0;
  --vk-comp-multiselect-border-radius: 0.25rem;
  --vk-comp-message-border-radius: 0.5rem;
  --vk-comp-toggleswitch-border-radius: 1rem;
  --oev-color-primary-600: #afb6bc;
  --oev-color-primary-800: #afb6bc;
  --oev-color-primary-900: #91f54a;
  --oev-color-secondary-200: #afb6bc;
  --oev-color-secondary-700: #0c6b5a;
  --oev-color-secondary-800: #afb6bc;
  --oev-color-secondary-900: #afb6bc;
  --oev-color-custom-01: #e8f4f2;
  --oev-color-custom-02: #faf8eb;
  --oev-color-action-focus-on-light: #18AB42;
  --primeng-color-info-default: var(--oev-color-custom-02);
  --oev-font-family-sans-serif:
    AOKBuenosAiresText,
    Arial,
    sans-serif;
  --oev-font-family-serif:
    AOKBuenosAiresText,
    Arial,
    sans-serif;
  --oev-font-family-light:
    AOKBuenosAiresText,
    Arial,
    sans-serif;
  --oev-font-family-bold:
    AOKBuenosAiresText,
    Arial,
    sans-serif;
  --oev-font-family:
    AOKBuenosAiresText,
    Arial,
    sans-serif;
  --oev-color-font-body-default: #293033;
}
.theme-bavaria-direkt {
  --oev-color-primary-900: #D70000;
  --oev-color-primary-800: #FF0000;
  --oev-color-primary-700: #FF3333;
  --oev-color-primary-600: #FF4D4D;
  --oev-color-primary-500: #FF8080;
  --oev-color-primary-400: #FF9999;
  --oev-color-primary-300: #FFB2B2;
  --oev-color-primary-200: #FFCCCC;
  --oev-color-primary-100: #FFE5E5;
  --oev-color-primary-50: #FFE5E5;
  --oev-color-secondary-900: #093D74;
  --oev-color-secondary-800: #0D57A6;
  --oev-color-secondary-700: #3D79B8;
  --oev-color-secondary-600: #6E9ACA;
  --oev-color-secondary-500: #86ABD3;
  --oev-color-secondary-400: #9EBCDB;
  --oev-color-secondary-300: #B6CDE4;
  --oev-color-secondary-200: #CFDDED;
  --oev-color-secondary-100: #E6EEF6;
  --oev-color-secondary-50: #F3F7FB;
  --oev-color-gray-900: #333333;
  --oev-color-gray-800: #414141;
  --oev-color-gray-700: #606060;
  --oev-color-gray-600: #767676;
  --oev-color-gray-500: #919191;
  --oev-color-gray-400: #B4B4B4;
  --oev-color-gray-300: #D2D2D2;
  --oev-color-gray-200: #EBEBEB;
  --oev-color-gray-100: #F5F5F5;
  --oev-color-gray-50: #F9F9F9;
  --oev-color-action-success: #7AC943;
  --oev-color-action-warning: #FFB73C;
  --oev-color-action-error: #d70000;
  --oev-color-action-info: #4A81E5;
  --oev-color-action-focus-on-light: #0d57a6;
  --oev-color-action-focus-on-dark: #FFFFFF;
  --oev-color-action-white: #fff;
  --oev-color-action-black: #000;
  --oev-color-cutom-01: #E6EEF6;
  --oev-color-cutom-02: #0D57A6;
  --oev-color-cutom-03: #b6cce4;
  --oev-color-cutom-04: #FF0000;
  --oev-color-cutom-05: #B4B4B4;
  --oev-color-cutom-06: #3D79B8;
  --oev-color-cutom-07: #4A81E5;
  --oev-color-cutom-08: #86ABD2;
  --oev-color-cutom-09: #093D74;
  --oev-color-cutom-10: #f5f5f5;
  --oev-color-cutom-11: #333333;
  --oev-color-cutom-12: #767676;
  --oev-color-primary-default: var(--oev-color-primary-800);
  --oev-color-primary-hover: var(--oev-color-primary-900);
  --oev-color-primary-active: var(--oev-color-primary-800);
  --oev-color-primary-focus: var(--oev-color-primary-800);
  --oev-color-primary-disabled: var(--oev-color-primary-200);
  --oev-color-primary-visited: var(--oev-color-primary-400);
  --oev-color-secondary-default: var(--oev-color-secondary-800);
  --oev-color-secondary-hover: var(--oev-color-secondary-900);
  --oev-color-secondary-active: var(--oev-color-secondary-800);
  --oev-color-secondary-focus: var(--oev-color-secondary-800);
  --oev-color-secondary-disabled: var(--oev-color-secondary-200);
  --oev-color-secondary-visited: var(--oev-color-secondary-400);
  --oev-color-gray-default: var(--oev-color-gray-800);
  --oev-color-gray-hover: var(--oev-color-gray-600);
  --oev-color-gray-active: var(--oev-color-gray-800);
  --oev-color-gray-focus: var(--oev-color-gray-800);
  --oev-color-gray-disabled: var(--oev-color-gray-300);
  --oev-color-gray-visited: var(--oev-color-gray-400);
  --oev-color-white-default: var(--oev-color-white-100);
  --oev-color-white-hover: var(--oev-color-white-rgba-hover);
  --oev-color-white-focus: var(--oev-color-white-rgba-focus);
  --oev-color-white-pressed: var(--oev-color-white-rgba-active);
  --oev-color-white-disabled: var(--oev-color-white-rgba-disabled);
  --oev-color-font-body-default: var(--oev-color-gray-800);
  --oev-color-font-body-disabled: var(--oev-color-gray-400);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-gray-800);
  --oev-color-font-headline: var(--oev-color-secondary-800);
  --oev-color-font-subheadline: var(--oev-color-gray-800);
  --oev-color-font-h1: color-font-headline;
  --oev-color-font-h2: color-font-headline;
  --oev-color-font-h3: color-font-headline;
  --oev-color-font-h4: color-font-headline;
  --oev-color-font-h5: color-font-headline;
  --oev-color-font-h6: color-font-headline;
  --oev-color-font-subtitle-1: color-font-subheadline;
  --oev-color-font-subtitle-2: color-font-subheadline;
  --oev-color-font-label: var(--oev-color-gray-800);
  --oev-color-font-label-small: var(--oev-color-gray-800);
  --oev-color-font-link: var(--oev-color-secondary-800);
  --oev-color-font-link-medium: var(--oev-color-secondary-800);
  --oev-color-font-link-small: var(--oev-color-secondary-800);
  --oev-color-font-caption: var(--oev-color-font-body-default);
  --oev-color-font-error: var(--oev-color-action-error);
  --oev-color-font-placeholder: var(--oev-color-gray-600);
  --oev-color-background-01: var(--oev-color-secondary-100);
  --oev-color-background-02: var(--oev-color-custom-02);
  --oev-color-background-03: var(--oev-color-custom-03);
  --oev-color-background-04: var(--oev-color-custom-04);
  --oev-color-background-05: var(--oev-color-custom-01);
  --oev-color-background-06: var(--oev-color-secondary-200);
  --oev-color-background-07: var(--oev-color-gray-100);
  --oev-color-background-08: var(--oev-color-gray-200);
  --oev-color-background-09: var(--oev-color-custom-05);
  --oev-color-background-10: var(--oev-color-custom-06);
  --oev-color-background-11: var(--oev-color-custom-07);
  --oev-color-background-12: var(--oev-color-custom-08);
  --oev-color-background-13: var(--oev-color-custom-09);
  --oev-color-background-14: var(--oev-color-custom-10);
  --oev-color-background-15: var(--oev-color-primary-50);
  --oev-color-background-16: var(--oev-color-primary-100);
  --oev-color-background-17: var(--oev-color-action-white);
  --oev-color-background-18: var(--oev-color-action-black);
  --oev-color-background-dark: #f1f1f1;
  --oev-color-background-light: #f9fafb;
  --oev-font-family-sans-serif: Roboto;
  --oev-font-family-serif: Roboto;
  --oev-font-family-light: Roboto;
  --oev-font-family-bold: Roboto;
  --oev-font-family: Roboto;
  --oev-font-family-icon: iconfont-vk;
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 600;
  --oev-font-weight-bold: 700;
  --oev-font-weight: 400;
  --oev-line-height-xs: 1.313rem;
  --oev-line-height-s: 1.5rem;
  --oev-line-height-m: 2rem;
  --oev-line-height-l: 2.5rem;
  --oev-line-height: 1.5rem;
  --oev-font-size-xxs: 0.75rem;
  --oev-font-size-xs: 0.875rem;
  --oev-font-size-s: 1rem;
  --oev-font-size-m: 1.25rem;
  --oev-font-size-l: 1.5rem;
  --oev-font-size-xl-1: 1.75rem;
  --oev-font-size-xl-2: 1.875rem;
  --oev-font-size-xl-3: 2.375rem;
  --oev-font-size-xl-4: 2.5rem;
  --oev-font-size-xl-5: 2.85rem;
  --oev-font-size-xl-6: 3rem;
  --oev-font-size-xl-7: 3.125rem;
  --oev-font-size-xl-8: 3.5rem;
  --oev-font-size-xl-9: 4rem;
  --oev-font-size-xl-10: 4.5rem;
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-default);
  --oev-font-family-body-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-h1: var(--oev-font-weight-bold);
  --oev-font-weight-h2: var(--oev-font-weight-bold);
  --oev-font-weight-h3: var(--oev-font-weight-bold);
  --oev-font-weight-h4: var(--oev-font-weight-bold);
  --oev-font-weight-h5: var(--oev-font-weight-bold);
  --oev-font-weight-h6: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-bold);
  --oev-font-weight-body: var(--oev-font-weight-default);
  --oev-font-weight-body-small: var(--oev-font-weight-default);
  --oev-font-weight-label: var(--oev-font-weight-default);
  --oev-font-weight-label-small: var(--oev-font-weight-default);
  --oev-font-weight-link: var(--oev-font-weight-default);
  --oev-font-weight-link-medium: var(--oev-font-weight-default);
  --oev-font-weight-link-small: var(--oev-font-weight-default);
  --oev-font-weight-caption: var(--oev-font-weight-default);
  --oev-font-weight-error: var(--oev-font-weight-default);
  --oev-line-height-h1: var(--oev-line-height-default);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-default);
  --oev-line-height-body-small: var(--oev-line-height-xs);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-xs);
  --oev-line-height-link: var(--oev-line-height-default);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-xs);
  --oev-line-height-caption: var(--oev-line-height-xs);
  --oev-line-height-error: var(--oev-line-height-xs);
  --oev-ref-radius-m: 4px;
}
.theme-bavaria-direkt {
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h1: 1.125rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h1: 1.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h1: 2.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h2: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h2: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h2: 2.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h3: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h3: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h3: 1.875rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h4: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h4: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h4: 1.75rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h5: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h5: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h5: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h6: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h6: 0.875rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-h6: 1.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-subtitle-1: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-subtitle-1: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-subtitle-2: 0.75rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bavaria-direkt {
    --oev-font-size-subtitle-2: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-bavaria-direkt {
    --oev-font-size-subtitle-2: 1.25rem;
  }
}
.theme-bgv {
  --oev-font-family-sans-serif: "Mark Pro";
  --oev-font-family-serif: "Mark Pro";
  --oev-font-family-light: "Mark Pro";
  --oev-font-family-bold: "Mark Pro";
  --oev-font-family: "Mark Pro";
  --oev-color-primary-50: #DCF2ED;
  --oev-color-primary-100: #c3e9df;
  --oev-color-primary-200: #a8dfd3;
  --oev-color-primary-300: #89d2c2;
  --oev-color-primary-400: #68c4b0;
  --oev-color-primary-500: #47b89d;
  --oev-color-primary-600: #2da58b;
  --oev-color-primary-700: #179677;
  --oev-color-primary-800: #008565;
  --oev-color-primary-900: #006852;
  --oev-color-secondary-50: #e9ecf9;
  --oev-color-secondary-100: #d3d8f3;
  --oev-color-secondary-200: #b7c0ec;
  --oev-color-secondary-300: #96a5e4;
  --oev-color-secondary-400: #768bdb;
  --oev-color-secondary-500: #5e75d1;
  --oev-color-secondary-600: #495ec1;
  --oev-color-secondary-700: #3949a6;
  --oev-color-secondary-800: #2b3c90;
  --oev-color-secondary-900: #002978;
  --oev-color-gray-50: #f5f5f5;
  --oev-color-gray-100: #e0e0e0;
  --oev-color-gray-200: #c2c2c2;
  --oev-color-gray-300: #a3a3a3;
  --oev-color-gray-400: #8e8e8e;
  --oev-color-gray-500: #757575;
  --oev-color-gray-600: #5e5e5e;
  --oev-color-gray-700: #4a4a4a;
  --oev-color-gray-800: #333333;
  --oev-color-gray-900: #1f1f1f;
  --oev-color-custom-01: #64c3d7;
  --oev-color-custom-02: #f08c46;
  --oev-color-custom-03: #3cb496;
  --oev-color-custom-04: #0069b4;
  --oev-color-background-01: #DCF2ED;
  --oev-color-background-02: #002978;
  --oev-color-background-03: #fdeedc;
  --oev-color-background-17: #FFFFFF;
  --oev-color-background-18: #000000;
  --oev-color-primary-default: var(--oev-color-primary-800);
  --oev-color-primary-hover: var(--oev-color-primary-900);
  --oev-color-primary-active: var(--oev-color-primary-800);
  --oev-color-primary-focus: var(--oev-color-primary-800);
  --oev-color-primary-disabled: var(--oev-color-primary-100);
  --oev-color-primary-visited: var(--oev-color-primary-200);
  --oev-color-secondary-default: var(--oev-color-secondary-900);
  --oev-color-secondary-hover: var(--oev-color-secondary-600);
  --oev-color-secondary-active: var(--oev-color-secondary-900);
  --oev-color-secondary-focus: var(--oev-color-secondary-900);
  --oev-color-secondary-disabled: var(--oev-color-secondary-100);
  --oev-color-secondary-visited: var(--oev-color-secondary-200);
  --oev-color-gray-default: var(--oev-color-gray-800);
  --oev-color-gray-hover: var(--oev-color-gray-600);
  --oev-color-gray-active: var(--oev-color-gray-800);
  --oev-color-gray-focus: var(--oev-color-gray-800);
  --oev-color-gray-disabled: var(--oev-color-gray-100);
  --oev-color-gray-visited: var(\2014oev-color-gray-200);
  --oev-color-font-body-default: var(--oev-color-secondary-default);
  --oev-color-font-body-disabled: var(--oev-color-gray-200);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-font-body-default);
  --oev-color-font-headline: var(--oev-color-secondary-default);
  --oev-color-font-subheadline: var(--oev-color-secondary-default);
  --oev-color-font-h1: var(--oev-color-font-headline);
  --oev-color-font-h2: var(--oev-color-font-headline);
  --oev-color-font-h3: var(--oev-color-font-headline);
  --oev-color-font-h4: var(--oev-color-font-headline);
  --oev-color-font-h5: var(--oev-color-font-headline);
  --oev-color-font-h6: var(--oev-color-font-headline);
  --oev-color-font-subtitle-1: var(--oev-color-font-subheadline);
  --oev-color-font-subtitle-2: var(--oev-color-font-subheadline);
  --oev-color-font-label: var(--oev-color-secondary-default);
  --oev-color-font-label-small: var(--oev-color-secondary-default);
  --oev-color-font-link: var(--oev-color-secondary-default);
  --oev-color-font-link-medium: var(--oev-color-secondary-default);
  --oev-color-font-link-small: var(--oev-color-secondary-default);
  --oev-color-font-caption: var(--oev-color-secondary-default);
  --oev-color-font-error: var(--oev-color-danger-default);
  --oev-color-font-placeholder: var(--oev-color-gray-500);
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 500;
  --oev-font-weight-bold: 700;
  --oev-font-weight: 400;
  --oev-line-height-xs: 1rem;
  --oev-line-height-s: 1.125rem;
  --oev-line-height-m: 1.75rem;
  --oev-line-height-l: 3.625rem;
  --oev-line-height: 130%;
  --oev-font-size-xxs: 0.875rem;
  --oev-font-size-xs: 1rem;
  --oev-font-size-s: 1.125rem;
  --oev-font-size-m: 1.5rem;
  --oev-font-size-l: 1.625rem;
  --oev-font-size-xl-1: 1.75rem;
  --oev-font-size-xl-2: 2rem;
  --oev-font-size-xl-3: 2.625rem;
  --oev-font-size-xl-4: 3rem;
  --oev-font-size-xl-5: 3rem;
  --oev-font-size-xl-6: 3rem;
  --oev-font-size-xl-7: 3rem;
  --oev-font-size-xl-8: 3rem;
  --oev-font-size-xl-9: 3rem;
  --oev-font-size-xl-10: 3rem;
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-default);
  --oev-font-family-body-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-h1: var(--oev-font-weight-bold);
  --oev-font-weight-h2: var(--oev-font-weight-medium);
  --oev-font-weight-h3: var(--oev-font-weight-bold);
  --oev-font-weight-h4: var(--oev-font-weight-bold);
  --oev-font-weight-h5: var(--oev-font-weight-bold);
  --oev-font-weight-h6: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-bold);
  --oev-font-weight-body: var(--oev-font-weight-default);
  --oev-font-weight-body-small: var(--oev-font-weight-default);
  --oev-font-weight-label: var(--oev-font-weight-default);
  --oev-font-weight-label-small: var(--oev-font-weight-default);
  --oev-font-weight-link: var(--oev-font-weight-bold);
  --oev-font-weight-link-medium: var(--oev-font-weight-bold);
  --oev-font-weight-link-small: var(--oev-font-weight-bold);
  --oev-font-weight-caption: var(--oev-font-weight-default);
  --oev-font-weight-error: var(--oev-font-weight-default);
  --oev-line-height-h1: var(--oev-line-height-l);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-m);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-default);
  --oev-line-height-link: var(--oev-line-height-m);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-caption: var(--oev-line-height-s);
  --oev-line-height-error: var(--oev-line-height-default);
  --oev-font-size-link: var(--oev-font-size-xs);
  --oev-font-size-link-medium: var(--oev-font-size-xs);
  --oev-font-size-link-small: var(--oev-font-size-xxs);
  --oev-font-size-body: var(--oev-font-size-xs);
  --oev-font-size-body-small: var(--oev-font-size-xxs);
  --oev-font-size-label: var(--oev-font-size-xs);
  --oev-font-size-error: var(--oev-font-size-xs);
  --oev-font-size-caption: var(\2014oev-font-size-xxs);
  --oev-color-action-focus-on-light: var(--oev-color-secondary-default);
}
.theme-bgv {
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-h1: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-h1: 2.65rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-h1: 3rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-h2: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-h2: 1.625rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-h2: 1.75rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-h3: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-h3: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-h3: 1.125rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-h4: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-h4: 0.875rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-h4: 1rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-h5: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-h5: 0.875rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-h5: 0.875rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-h6: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-h6: 0.875rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-h6: 0.875rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-subtitle-1: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-bgv {
    --oev-font-size-subtitle-2: 0.875rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-bgv {
    --oev-font-size-subtitle-2: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-bgv {
    --oev-font-size-subtitle-2: 1rem;
  }
}
.theme-geno {
  --oev-ref-radius-s: 0.25rem;
  --oev-ref-radius-m: 0.25rem;
  --oev-comp-button-border-radius: 0.25rem;
  --oev-comp-card-border-radius: 0.25rem;
  --oev-comp-forms-datepicker-overlay-border-radius: 0.25rem;
  --oev-comp-forms-dropdown-border-radius: 0.25rem;
  --oev-comp-forms-text-area-border-radius: 0.25rem;
  --oev-comp-forms-input-text-border-radius: 0.25rem;
  --oev-comp-chip-border-radius: 0.25rem;
  --vk-comp-checkbox-border-radius: 0.25rem;
  --vk-comp-fieldset-border-radius: 0.25rem;
  --vk-comp-fileupload-border-radius: 0.25rem;
  --vk-comp-multiselect-border-radius: 0.25rem;
  --vk-comp-message-border-radius: 0.25rem;
  --oev-font-family-sans-serif:
    GenosGFG,
    Arial,
    sans-serif;
  --oev-font-family-serif:
    GenosGFG,
    Arial,
    sans-serif;
  --oev-font-family-light:
    GenosGFG,
    Arial,
    sans-serif;
  --oev-font-family-bold:
    GenosGFG,
    Arial,
    sans-serif;
  --oev-font-family:
    GenosGFG,
    Arial,
    sans-serif;
  --oev-color-primary-50: #e0edf6;
  --oev-color-primary-100: #b3d1e8;
  --oev-color-primary-200: #80b3d9;
  --oev-color-primary-300: #4d94ca;
  --oev-color-primary-400: #267dbe;
  --oev-color-primary-500: #0066b3;
  --oev-color-primary-600: #005eac;
  --oev-color-primary-700: #005ba0;
  --oev-color-primary-800: #00499a;
  --oev-color-primary-900: #00388b;
  --oev-color-primary-default: var(--oev-color-primary-500);
  --oev-color-primary-hover: var(--oev-color-primary-700);
  --oev-color-primary-active: var(--oev-color-primary-500);
  --oev-color-primary-focus: var(--oev-color-primary-500);
  --oev-color-primary-disabled: var(--oev-color-primary-100);
  --oev-color-primary-visited: var(--oev-color-primary-200);
  --oev-color-secondary-50: #ffede0;
  --oev-color-secondary-100: #ffd1b3;
  --oev-color-secondary-200: #ffb380;
  --oev-color-secondary-300: #ff944d;
  --oev-color-secondary-400: #ff7d26;
  --oev-color-secondary-500: #ff6200;
  --oev-color-secondary-600: #ff5e00;
  --oev-color-secondary-700: #e55b00;
  --oev-color-secondary-800: #ff4900;
  --oev-color-secondary-900: #ff3800;
  --oev-color-secondary-default: var(--oev-color-secondary-500);
  --oev-color-secondary-hover: var(--oev-color-secondary-700);
  --oev-color-secondary-active: var(--oev-color-secondary-500);
  --oev-color-secondary-focus: var(--oev-color-secondary-500);
  --oev-color-secondary-disabled: var(--oev-color-secondary-100);
  --oev-color-secondary-visited: var(--oev-color-secondary-200);
  --oev-color-gray-50: #f5f7f9;
  --oev-color-gray-100: #edf0f4;
  --oev-color-gray-200: #d9e0e8;
  --oev-color-gray-300: #ccd5e1;
  --oev-color-gray-400: #bfcad9;
  --oev-color-gray-500: rgba(0, 0, 0, 0.38);
  --oev-color-gray-600: rgba(0, 0, 0, 0.62);
  --oev-color-gray-700: rgba(0, 0, 0, 0.65);
  --oev-color-gray-800: rgba(0, 0, 0, 0.86);
  --oev-color-gray-default: var(--oev-color-gray-800);
  --oev-color-gray-hover: var(--oev-color-gray-600);
  --oev-color-gray-active: var(--oev-color-gray-800);
  --oev-color-gray-focus: var(--oev-color-gray-800);
  --oev-color-gray-disabled: var(--oev-color-gray-200);
  --oev-color-gray-visited: var(--oev-color-gray-300);
  --oev-color-action-focus-on-light: #0066b3;
  --oev-color-extend-blue: #0079a8;
  --oev-color-extend-blue-light: #b9d2f0;
  --oev-color-extend-azure-blue: #68b9f6;
  --oev-color-extend-process-blue: #005da8;
  --oev-color-extend-sand: #c3a58c;
  --oev-color-extend-sand-light: #e1d2c8;
  --oev-color-extend-petrol: #325f87;
  --oev-color-extend-petrol-light: #9bafc3;
  --oev-color-extend-raspberry: #b42864;
  --oev-color-extend-raspberry-light: #d796af;
  --oev-color-extend-mint: #73af9b;
  --oev-color-extend-mint-light: #b4d7c3;
  --oev-color-extend-olive: #9b8c55;
  --oev-color-extend-olive-light: #cdc39b;
  --oev-color-extend-violet: #a078b4;
  --oev-color-extend-violet-light: #c8b4d7;
  --oev-color-extend-negative: var(--oev-color-warn);
  --oev-color-extend-positive: #0c7336;
  --oev-color-extend-white: #ffffff;
  --oev-color-extend-black: #000000;
  --oev-color-extend-status-positive: var(--oev-color-extend-positive);
  --oev-color-extend-status-positive-background: #eef5f1;
  --oev-color-extend-status-negative: var(--oev-color-extend-negative);
  --oev-color-background-01: #F5F7F9;
  --oev-color-background-02: #EEF0F4;
  --oev-color-background-03: #002D67;
  --oev-color-background-04: #FAFAFA;
  --oev-color-background-05: #EEF0F4;
  --oev-color-background-06: #F3F7FB;
  --oev-color-background-17: #FFFFFF;
  --oev-color-background-18: #000000;
  --oev-font-family-icon: iconfont-vk;
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 600;
  --oev-font-weight-bold: 700;
  --oev-font-weight: 400;
  --oev-line-height-xs: 1.313;
  --oev-line-height-s: 1.5;
  --oev-line-height-m: 2;
  --oev-line-height-l: 2.75;
  --oev-line-height: 130%;
  --oev-font-size-xxs: 0.75rem;
  --oev-font-size-xs: 0.813rem;
  --oev-font-size-s: 1rem;
  --oev-font-size-m: 1.375rem;
  --oev-font-size-l: 1.75rem;
  --oev-font-size-xl-1: 2.375rem;
  --oev-font-size-xl-2: 2.375rem;
  --oev-font-size-xl-3: 2.375rem;
  --oev-font-size-xl-4: 2.375rem;
  --oev-font-size-xl-5: 2.375rem;
  --oev-font-size-xl-6: 2.375rem;
  --oev-font-size-xl-7: 2.375rem;
  --oev-font-size-xl-8: 2.375rem;
  --oev-font-size-xl-9: 2.375rem;
  --oev-font-size-xl-10: 2.375rem;
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-default);
  --oev-font-family-body-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-h1: var(--oev-font-weight-bold);
  --oev-font-weight-h2: var(--oev-font-weight-bold);
  --oev-font-weight-h3: var(--oev-font-weight-bold);
  --oev-font-weight-h4: var(--oev-font-weight-bold);
  --oev-font-weight-h5: var(--oev-font-weight-bold);
  --oev-font-weight-h6: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-bold);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-bold);
  --oev-font-weight-body: var(--oev-font-weight-default);
  --oev-font-weight-body-small: var(--oev-font-weight-default);
  --oev-font-weight-label: var(--oev-font-weight-default);
  --oev-font-weight-label-small: var(--oev-font-weight-default);
  --oev-font-weight-link: var(--oev-font-weight-bold);
  --oev-font-weight-link-medium: var(--oev-font-weight-bold);
  --oev-font-weight-link-small: var(--oev-font-weight-bold);
  --oev-font-weight-caption: var(--oev-font-weight-default);
  --oev-font-weight-error: var(--oev-font-weight-default);
  --oev-line-height-h1: var(--oev-line-height-l);
  --oev-line-height-h2: var(--oev-line-height-l);
  --oev-line-height-h3: var(--oev-line-height-l);
  --oev-line-height-h4: var(--oev-line-height-m);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-s);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-default);
  --oev-line-height-link: var(--oev-line-height-xs);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-caption: var(--oev-line-height-default);
  --oev-line-height-error: var(--oev-line-height-default);
  --oev-font-size-body: var(--oev-font-size-s);
  --oev-font-size-body-small: var(--oev-font-size-xs);
  --oev-font-size-label: var(--oev-font-size-xs);
  --oev-font-size-label-small: var(--oev-font-size-xs);
  --oev-font-size-link: var(--oev-font-size-xs);
  --oev-font-size-link-medium: var(--oev-font-size-xs);
  --oev-font-size-link-small: var(--oev-font-size-xs);
  --oev-font-size-caption: var(--oev-font-size-xs);
  --oev-font-size-error: var(--oev-font-size-xs);
  --oev-color-font-body-default: var(--oev-color-gray-800);
  --oev-color-font-body-disabled: var(--oev-color-gray-200);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-font-body-default);
  --oev-color-font-headline: var(--oev-color-gray-800);
  --oev-color-font-subheadline: var(--oev-color-gray-800);
  --oev-color-font-h1: var(--oev-color-primary-default);
  --oev-color-font-h2: var(--oev-color-font-headline);
  --oev-color-font-h3: var(--oev-color-font-headline);
  --oev-color-font-h4: var(--oev-color-font-headline);
  --oev-color-font-h5: var(--oev-color-font-headline);
  --oev-color-font-h6: var(--oev-color-font-headline);
  --oev-color-font-subtitle-1: var(--oev-color-font-subheadline);
  --oev-color-font-subtitle-2: var(--oev-color-font-subheadline);
  --oev-color-font-label: var(--oev-color-gray-800);
  --oev-color-font-label-small: var(--oev-color-gray-800);
  --oev-color-font-link: var(--oev-color-gray-800);
  --oev-color-font-link-medium: var(--oev-color-gray-800);
  --oev-color-font-link-small: var(--oev-color-gray-800);
  --oev-color-font-caption: var(--oev-color-gray-800);
  --oev-color-font-error: var(--oev-color-danger-default);
  --oev-color-font-placeholder: var(--oev-color-gray-500);
}
.theme-geno {
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h1: 1.75rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h1: 1.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h1: 2.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h2: 1.375rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h2: 1.375rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h2: 1.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h3: 1.375rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h3: 1.375rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h3: 1.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h4: 1.375rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h4: 1.375rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h4: 1.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h5: 1.375rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h5: 1.375rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h5: 1.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-h6: 1.375rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-h6: 1.375rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-h6: 1.375rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-2: 1.125rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-geno {
    --oev-font-size-subtitle-2: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-geno {
    --oev-font-size-subtitle-2: 1.125rem;
  }
}
.theme-oesa {
  --oev-color-primary-600: #00935e;
  --oev-color-primary-800: #00935e;
  --oev-color-primary-900: #006a42;
  --oev-color-secondary-200: #c1e8d6;
  --oev-color-secondary-700: #585856;
  --oev-color-secondary-800: #00935e;
  --oev-color-secondary-900: #00935e;
  --oev-color-custom-01: #f3f3f3;
  --oev-color-custom-02: #c1e8d6;
  --primeng-color-info-default: var(--oev-color-custom-02);
  --oev-font-family-sans-serif: "Sparkasse Lt";
  --oev-font-family-serif: "Sparkasse Lt";
  --oev-font-family-light: "Sparkasse Lt";
  --oev-font-family-bold: "Sparkasse Lt";
  --oev-font-family: "Sparkasse Lt";
  --oev-font-family-icon: icons;
  --font-weight-light: 200;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-weight: 400;
  --font-weight-default: 200;
  --font-weight-h1: var(--oev-font-weight-light);
  --font-weight-h2: var(--oev-font-weight-light);
  --font-weight-h3: var(--oev-font-weight-light);
  --font-weight-h4: var(--oev-font-weight-light);
  --font-weight-h5: var(--oev-font-weight-light);
  --font-weight-h6: var(--oev-font-weight-light);
  --font-weight-subtitle-1: var(--oev-font-weight-light);
  --font-weight-subtitle-2: var(--oev-font-weight-light);
  --font-weight-body: var(--oev-font-weight-light);
  --font-weight-body-small: var(--oev-font-weight-light);
  --font-weight-label: var(--oev-font-weight-bold);
  --font-weight-label-small: var(--oev-font-weight-bold);
  --font-weight-link: var(--oev-font-weight-bold);
  --font-weight-link-medium: var(--oev-font-weight-bold);
  --font-weight-link-small: var(--oev-font-weight-bold);
  --font-weight-caption: var(--oev-font-weight-light);
  --font-weight-error: var(--oev-font-weight-light);
}
.theme-oevbs {
  --oev-color-primary-50: #e7ecf9;
  --oev-color-primary-100: #cdd8f3;
  --oev-color-primary-200: #a9bcf0;
  --oev-color-primary-300: #819eea;
  --oev-color-primary-400: #4f77e0;
  --oev-color-primary-500: #002ea7;
  --oev-color-primary-600: #002891;
  --oev-color-primary-700: #00237a;
  --oev-color-primary-800: #001d63;
  --oev-color-primary-900: #00164d;
  --oev-color-primary-default: var(--oev-color-primary-500);
  --oev-color-primary-hover: var(--oev-color-primary-700);
  --oev-color-primary-focus: var(--oev-color-primary-700);
  --oev-color-primary-active: var(--oev-color-primary-800);
  --oev-color-primary-disabled: var(--oev-color-primary-100);
  --oev-color-primary-visited: var(--oev-color-primary-200);
  --oev-color-secondary-50: #fdeceb;
  --oev-color-secondary-100: #f9d3d0;
  --oev-color-secondary-200: #f4b2ac;
  --oev-color-secondary-300: #ee8e87;
  --oev-color-secondary-400: #e66259;
  --oev-color-secondary-500: #da291c;
  --oev-color-secondary-600: #c22018;
  --oev-color-secondary-700: #a91a14;
  --oev-color-secondary-800: #891511;
  --oev-color-secondary-900: #6a100d;
  --oev-color-secondary-default: var(--oev-color-secondary-500);
  --oev-color-secondary-hover: var(--oev-color-secondary-700);
  --oev-color-secondary-focus: var(--oev-color-secondary-700);
  --oev-color-secondary-active: var(--oev-color-secondary-800);
  --oev-color-secondary-disabled: var(--oev-color-secondary-100);
  --oev-color-secondary-visited: var(\2014oev-color-secondary-200);
  --oev-color-gray-50: #ECECEC;
  --oev-color-gray-100: #E2E2E2;
  --oev-color-gray-200: #D0D0D0;
  --oev-color-gray-300: #B4B4B4;
  --oev-color-gray-400: #999999;
  --oev-color-gray-500: #7F7F7F;
  --oev-color-gray-600: #707070;
  --oev-color-gray-700: #5C5C5C;
  --oev-color-gray-800: #4D4D4C;
  --oev-color-gray-900: #3C3C3B;
  --oev-color-gray-default: var(--oev-color-gray-900);
  --oev-color-gray-hover: var(--oev-color-gray-600);
  --oev-color-gray-focus: var(--oev-color-gray-700);
  --oev-color-gray-active: var(--oev-color-gray-800);
  --oev-color-gray-disabled: var(--oev-color-gray-200);
  --oev-color-gray-visited: var(--oev-color-gray-300);
  --oev-color-custom-01: #7EC2B3;
  --oev-color-custom-02: #E5EAF6;
  --oev-color-custom-03: #CCD5ED;
  --oev-color-custom-04: #BB29BB;
  --oev-color-custom-05: #FF8200;
  --oev-color-custom-06: #00A3AD;
  --oev-color-custom-07: #97D700;
  --oev-color-custom-08: #FEDD00;
  --oev-color-custom-09: #002EA7;
  --oev-color-custom-10: #0074C6;
  --oev-color-custom-11: #009FDF;
  --oev-color-custom-12: #DA291C;
  --oev-color-background-01: var(--oev-color-custom-01);
  --oev-color-background-02: var(--oev-color-custom-02);
  --oev-color-background-03: var(--oev-color-custom-03);
  --oev-color-background-04: var(--oev-color-custom-08);
  --oev-color-background-05: var(--oev-color-custom-09);
  --oev-color-background-06: var(--oev-color-custom-12);
  --oev-color-background-07: var(--oev-color-gray-50);
  --oev-color-background-08: var(--oev-color-gray-100);
  --oev-color-background-09: var(--oev-color-primary-50);
  --oev-color-background-10: var(--oev-color-primary-100);
  --oev-color-background-17: #FFFFFF;
  --oev-color-background-18: #000000;
  --oev-color-font-body-default: var(--oev-color-gray-default);
  --oev-color-font-body-disabled: var(--oev-color-gray-200);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-font-body-default);
  --oev-color-font-headline: var(--oev-color-primary-default);
  --oev-color-font-subheadline: var(--oev-color-primary-default);
  --oev-color-font-h1: var(--oev-color-primary-default);
  --oev-color-font-h2: var(--oev-color-font-headline);
  --oev-color-font-h3: var(--oev-color-gray-default);
  --oev-color-font-h4: var(--oev-color-gray-default);
  --oev-color-font-h5: var(--oev-color-gray-default);
  --oev-color-font-h6: var(--oev-color-gray-default);
  --oev-color-font-subtitle-1: var(--oev-color-font-subheadline);
  --oev-color-font-subtitle-2: var(--oev-color-font-subheadline);
  --oev-color-font-label: var(--oev-color-gray-default);
  --oev-color-font-label-small: var(--oev-color-gray-default);
  --oev-color-font-link: var(--oev-color-custom-12);
  --oev-color-font-link-medium: var(--oev-color-custom-12);
  --oev-color-font-link-small: var(--oev-color-custom-12);
  --oev-color-font-caption: var(--oev-color-gray-default);
  --oev-color-font-error: var(--oev-color-danger-default);
  --oev-color-font-placeholder: var(--oev-color-gray-400);
  --oev-font-family-sans-serif: BrixSansRegular;
  --oev-font-family-serif: BrixSansRegular;
  --oev-font-family-light: BrixSansRegular;
  --oev-font-family-bold: BrixSansRegular;
  --oev-font-family: BrixSansRegular;
  --oev-font-family-icon: icons;
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 500;
  --oev-font-weight-bold: 700;
  --oev-font-weight: 400;
  --oev-line-height-xs: 1.17rem;
  --oev-line-height-s: 130%;
  --oev-line-height-m: 1.5rem;
  --oev-line-height-l: 2.5rem;
  --oev-line-height: 150%;
  --oev-line-height-default: 130%;
  --oev-font-size-xxs: 0.75rem;
  --oev-font-size-xs: 0.875rem;
  --oev-font-size-s: 1.063rem;
  --oev-font-size-m: 1.125rem;
  --oev-font-size-l: 1.188rem;
  --oev-font-size-xl-1: 1.25rem;
  --oev-font-size-xl-2: 1.375rem;
  --oev-font-size-xl-3: 1.5rem;
  --oev-font-size-xl-4: 2rem;
  --oev-font-size-xl-5: 2.25rem;
  --oev-font-size-xl-6: 2.875rem;
  --oev-font-size-xl-7: 2.875rem;
  --oev-font-size-xl-8: 2.875rem;
  --oev-font-size-xl-9: 2.875rem;
  --oev-font-size-xl-10: 2.875rem;
  --oev-font-family-h1: var(--oev-font-family-default);
  --oev-font-family-h2: var(--oev-font-family-default);
  --oev-font-family-h3: var(--oev-font-family-default);
  --oev-font-family-h4: var(--oev-font-family-default);
  --oev-font-family-h5: var(--oev-font-family-default);
  --oev-font-family-h6: var(--oev-font-family-default);
  --oev-font-family-subtitle-1: var(--oev-font-family-default);
  --oev-font-family-subtitle-2: var(--oev-font-family-default);
  --oev-font-family-body: var(--oev-font-family-default);
  --oev-font-family-body-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(--oev-font-family-default);
  --oev-font-weight-h1: var(--oev-font-weight-bold);
  --oev-font-weight-h2: var(--oev-font-weight-regular);
  --oev-font-weight-h3: var(--oev-font-weight-regular);
  --oev-font-weight-h4: var(--oev-font-weight-regular);
  --oev-font-weight-h5: var(--oev-font-weight-regular);
  --oev-font-weight-h6: var(--oev-font-weight-regular);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-regular);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-regular);
  --oev-font-weight-body: var(--oev-font-weight-regular);
  --oev-font-weight-body-small: var(--oev-font-weight-regular);
  --oev-font-weight-label: var(--oev-font-weight-regular);
  --oev-font-weight-label-small: var(--oev-font-weight-regular);
  --oev-font-weight-link: var(--oev-font-weight-regular);
  --oev-font-weight-link-medium: var(--oev-font-weight-regular);
  --oev-font-weight-link-small: var(--oev-font-weight-regular);
  --oev-font-weight-caption: var(--oev-font-weight-regular);
  --oev-font-weight-error: var(--oev-font-weight-regular);
  --oev-line-height-h1: var(--oev-line-height-default);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-default);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-default);
  --oev-line-height-link: var(--oev-line-height-default);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-caption: var(--oev-line-height-s);
  --oev-line-height-error: var(--oev-line-height-default);
  --oev-font-size-link: var(--oev-font-size-s);
  --oev-font-size-link-medium: var(--oev-font-size-xs);
  --oev-font-size-link-small: var(--oev-font-size-xxs);
  --oev-font-size-body: var(--oev-font-size-s);
  --oev-font-size-body-small: var(--oev-font-size-xs);
  --oev-font-size-label: var(--oev-font-size-s);
  --oev-font-size-error: var(--oev-font-size-s);
  --oev-font-size-caption: var(--oev-font-size-xs);
}
.theme-oevbs {
}
@media (min-width: 37.5rem) {
  .theme-oevbs {
    --oev-font-size-h1: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-oevbs {
    --oev-font-size-h1: 2.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-oevbs {
    --oev-font-size-h1: 2.875rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-oevbs {
    --oev-font-size-h2: 2rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-oevbs {
    --oev-font-size-h2: 2.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-oevbs {
    --oev-font-size-h2: 2.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-oevbs {
    --oev-font-size-h3: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-oevbs {
    --oev-font-size-h3: 2rem;
  }
}
@media (min-width: 90rem) {
  .theme-oevbs {
    --oev-font-size-h3: 2rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-oevbs {
    --oev-font-size-h4: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-oevbs {
    --oev-font-size-h4: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-oevbs {
    --oev-font-size-h4: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-oevbs {
    --oev-font-size-h5: 1.375rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-oevbs {
    --oev-font-size-h5: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-oevbs {
    --oev-font-size-h5: 1.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-oevbs {
    --oev-font-size-h6: 1.188rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-oevbs {
    --oev-font-size-h6: 1.188rem;
  }
}
@media (min-width: 90rem) {
  .theme-oevbs {
    --oev-font-size-h6: 1.188rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-oevbs {
    --oev-font-size-subtitle-1: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-oevbs {
    --oev-font-size-subtitle-1: 2rem;
  }
}
@media (min-width: 90rem) {
  .theme-oevbs {
    --oev-font-size-subtitle-1: 2rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-oevbs {
    --oev-font-size-subtitle-2: 1.125rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-oevbs {
    --oev-font-size-subtitle-2: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-oevbs {
    --oev-font-size-subtitle-2: 1.125rem;
  }
}
.theme-spk {
  --oev-color-primary-50: #FFDBDB;
  --oev-color-primary-100: #ffb6b6;
  --oev-color-primary-200: #ff9292;
  --oev-color-primary-300: #ff6d6d;
  --oev-color-primary-400: #ff4949;
  --oev-color-primary-500: #ff2424;
  --oev-color-primary-600: #ee0000;
  --oev-color-primary-700: #d40000;
  --oev-color-primary-800: #aa0000;
  --oev-color-primary-900: #800000;
  --oev-color-primary-1000: #944848;
  --oev-color-primary-default: var(--oev-color-primary-600);
  --oev-color-primary-hover: var(--oev-color-primary-700);
  --oev-color-primary-active: var(--oev-color-primary-800);
  --oev-color-primary-focus: var(--oev-color-primary-700);
  --oev-color-primary-disabled: var(--oev-color-gray-400);
  --oev-color-primary-visited: var(--oev-color-gray-600);
  --oev-color-secondary-50: #fcfcfc;
  --oev-color-secondary-100: #f5f5f5;
  --oev-color-secondary-200: #f0f0f0;
  --oev-color-secondary-300: #e3e3e3;
  --oev-color-secondary-400: #bebebe;
  --oev-color-secondary-500: #AEAEAE;
  --oev-color-secondary-600: #949494;
  --oev-color-secondary-700: #666666;
  --oev-color-secondary-800: #565656;
  --oev-color-secondary-900: #444444;
  --oev-color-secondary-1000: #292929;
  --oev-color-secondary-1100: #222222;
  --oev-color-secondary-default: var(--oev-color-gray-800);
  --oev-color-secondary-hover: var(--oev-color-gray-900);
  --oev-color-secondary-active: var(--oev-color-gray-1000);
  --oev-color-secondary-focus: var(--oev-color-gray-900);
  --oev-color-secondary-disabled: var(--oev-color-gray-400);
  --oev-color-secondary-visited: var(--oev-color-gray-600);
  --oev-color-gray-50: #fcfcfc;
  --oev-color-gray-100: #f5f5f5;
  --oev-color-gray-200: #f0f0f0;
  --oev-color-gray-300: #e3e3e3;
  --oev-color-gray-400: #bebebe;
  --oev-color-gray-500: #AEAEAE;
  --oev-color-gray-600: #949494;
  --oev-color-gray-700: #666666;
  --oev-color-gray-800: #565656;
  --oev-color-gray-900: #444444;
  --oev-color-gray-1000: #292929;
  --oev-color-gray-1100: #222222;
  --oev-color-gray-default: var(--oev-color-gray-800);
  --oev-color-gray-hover: var(--oev-color-gray-900);
  --oev-color-gray-active: var(--oev-color-gray-1000);
  --oev-color-gray-focus: var(--oev-color-gray-900);
  --oev-color-gray-disabled: var(--oev-color-gray-400);
  --oev-color-gray-visited: var(--oev-color-gray-600);
  --oev-color-action-success: #2b5500;
  --oev-color-action-warning: #821001;
  --oev-color-action-error: #8d0000;
  --oev-color-action-info: #444444;
  --oev-color-action-white: #fff;
  --oev-color-action-black: #000;
  --oev-color-action-focus-on-light: #0071d4;
  --oev-color-action-focus-on-dark: #dbeeff;
  --oev-color-background-01: #e3e3e3;
  --oev-color-background-02: #949494;
  --oev-color-background-03: #f5f5f5;
  --oev-color-background-04: #fcfcfc;
  --oev-color-background-05: #ee0000;
  --oev-color-background-06: #d40000;
  --oev-color-background-07: #aa0000;
  --oev-color-background-08: #ffffff;
  --oev-color-background-09: #565656;
  --oev-color-custom-01: #ff9292;
  --oev-color-custom-02: #E04949;
  --oev-color-custom-03: #da2424;
  --oev-color-custom-04: #ee0000;
  --oev-color-custom-05: #6a0000;
  --oev-color-custom-06: #6dbbff;
  --oev-color-custom-07: #2499ff;
  --oev-color-custom-08: #92b66d;
  --oev-color-custom-09: #5b9224;
  --oev-color-custom-10: #fde59d;
  --oev-color-custom-11: #fdd86c;
  --oev-color-custom-12: #fbbe0a;
  --font-family-sans-serif: Sparkasse Web;
  --font-family-serif: Sparkasse Web;
  --font-family-light: Sparkasse Web;
  --font-family-bold: Sparkasse Medium;
  --font-family: Sparkasse Web;
  --oev-font-family-h1: var(--oev-font-family-bold);
  --oev-font-family-h2: var(--oev-font-family-bold);
  --oev-font-family-h3: var(--oev-font-family-sans-serif);
  --oev-font-family-h4: var(--oev-font-family-sans-serif);
  --oev-font-family-h5: var(--oev-font-family-sans-serif);
  --oev-font-family-h6: var(--oev-font-family-sans-serif);
  --oev-font-family-subtitle-1: var(--oev-font-family-sans-serif);
  --oev-family-subtitle-2: var(--oev-font-family-sans-serif);
  --oev-font-family-body: var(--oev-font-family-default);
  --oev-font-family-body-small: var(--oev-font-family-default);
  --oev-font-family-label: var(--oev-font-family-default);
  --oev-font-family-label-small: var(--oev-font-family-default);
  --oev-font-family-link: var(--oev-font-family-default);
  --oev-font-family-link-medium: var(--oev-font-family-default);
  --oev-font-family-link-small: var(--oev-font-family-default);
  --oev-font-family-caption: var(--oev-font-family-default);
  --oev-font-family-error: var(\2014oev-font-family-default);
  --oev-font-weight-light: 300;
  --oev-font-weight-regular: 400;
  --oev-font-weight-medium: 500;
  --oev-font-weight-bold: 700;
  --oev-font-weight: 400;
  --oev-font-weight-h1: var(--oev-font-weight-medium);
  --oev-font-weight-h2: var(--oev-font-weight-medium);
  --oev-font-weight-h3: var(--oev-font-weight-medium);
  --oev-font-weight-h4: var(--oev-font-weight-medium);
  --oev-font-weight-h5: var(--oev-font-weight-medium);
  --oev-font-weight-h6: var(--oev-font-weight-medium);
  --oev-font-weight-subtitle-1: var(--oev-font-weight-medium);
  --oev-font-weight-subtitle-2: var(--oev-font-weight-medium);
  --oev-font-weight-body: var(--oev-font-weight-light);
  --oev-font-weight-body-small: var(--oev-font-weight-light);
  --oev-font-weight-label: var(--oev-font-weight-light);
  --oev-font-weight-label-small: var(--oev-font-weight-light);
  --oev-font-weight-link: var(--oev-font-weight-regular);
  --oev-font-weight-link-medium: var(--oev-font-weight-regular);
  --oev-font-weight-link-small: var(--oev-font-weight-regular);
  --oev-font-weight-caption: var(--oev-font-weight-regular);
  --oev-font-weight-error: var(--oev-font-weight-regular);
  --oev-font-size-xxs: 0.75rem;
  --oev-font-size-xs: 0.875rem;
  --oev-font-size-s: 1rem;
  --oev-font-size-m: 1.125rem;
  --oev-font-size-l: 1.25rem;
  --oev-font-size-xl-1: 1.375rem;
  --oev-font-size-xl-2: 1.5rem;
  --oev-font-size-xl-3: 1.75rem;
  --oev-font-size-xl-4: 2rem;
  --oev-font-size-xl-5: 2.25rem;
  --oev-font-size-link: var(--oev-font-size-s);
  --oev-font-size-link-medium: var(--oev-font-size-xs);
  --oev-font-size-link-small: var(--oev-font-size-xxs);
  --oev-font-size-body: var(--oev-font-size-s);
  --oev-font-size-body-small: var(--oev-font-size-xs);
  --oev-font-size-label: var(--oev-font-size-xs);
  --oev-font-size-error: var(--oev-font-size-xs);
  --oev-font-size-caption: var(\2014oev-font-size-xxs);
  --oev-line-height-xs: 1rem;
  --oev-line-height-s: 1.125rem;
  --oev-line-height-m: 1.5rem;
  --oev-line-height-l: 1.75rem;
  --oev-line-height-default: 144%;
  --oev-line-height-h1: var(--oev-line-height-default);
  --oev-line-height-h2: var(--oev-line-height-default);
  --oev-line-height-h3: var(--oev-line-height-default);
  --oev-line-height-h4: var(--oev-line-height-default);
  --oev-line-height-h5: var(--oev-line-height-default);
  --oev-line-height-h6: var(--oev-line-height-default);
  --oev-line-height-body: var(--oev-line-height-default);
  --oev-line-height-body-small: var(--oev-line-height-default);
  --oev-line-height-label: var(--oev-line-height-default);
  --oev-line-height-label-small: var(--oev-line-height-default);
  --oev-line-height-link: var(--oev-line-height-default);
  --oev-line-height-link-medium: var(--oev-line-height-default);
  --oev-line-height-link-small: var(--oev-line-height-default);
  --oev-line-height-caption: var(--oev-line-height-xs);
  --oev-line-height-error: var(--oev-line-height-default);
  --oev-color-font-body-default: var(--oev-color-gray-800);
  --oev-color-font-body-disabled: var(--oev-color-gray-400);
  --oev-color-font-body-inverted: var(--oev-color-action-white);
  --oev-color-font-body-small: var(--oev-color-font-body-default);
  --oev-color-font-headline: var(--oev-color-gray-1000);
  --oev-color-font-subheadline: var(--oev-color-gray-1000);
  --oev-color-font-h1: var(--oev-color-font-headline);
  --oev-color-font-h2: var(--oev-color-font-headline);
  --oev-color-font-h3: var(--oev-color-font-headline);
  --oev-color-font-h4: var(--oev-color-font-headline);
  --oev-color-font-h5: var(--oev-color-font-headline);
  --oev-color-font-h6: var(--oev-color-font-headline);
  --oev-color-font-subtitle-1: var(--oev-color-font-subheadline);
  --oev-color-font-subtitle-2: var(--oev-color-font-subheadline);
  --oev-color-font-label: var(--oev-color-gray-800);
  --oev-color-font-label-small: var(--oev-color-gray-800);
  --oev-color-font-link: var(--oev-color-gray-800);
  --oev-color-font-link-medium: var(--oev-color-gray-800);
  --oev-color-font-link-small: var(--oev-color-gray-800);
  --oev-color-font-caption: var(--oev-color-gray-1000);
  --oev-color-font-error: var(--oev-color-danger-default);
  --oev-color-font-placeholder: var(--oev-color-gray-600);
}
.theme-spk {
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h1: 1.75rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h1: 2rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h1: 2.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h2: 1.5rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h2: 1.75rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h2: 2rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h3: 1.375rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h3: 1.5rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h3: 1.5rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h4: 1.125rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h4: 1.25rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h4: 1.25rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h5: 1.125rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h5: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h5: 1.125rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-h6: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-h6: 1rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-h6: 1rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-subtitle-1: 1.125rem;
  }
}
@media (min-width: 37.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-2: 1rem;
  }
}
@media (min-width: 77.5rem) {
  .theme-spk {
    --oev-font-size-subtitle-2: 1.125rem;
  }
}
@media (min-width: 90rem) {
  .theme-spk {
    --oev-font-size-subtitle-2: 1.125rem;
  }
}
.theme-spk {
  --oev-comp-tariff-comparison-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-headline-spacing-bottom: var(--oev-sys-spacing-l);
  --oev-comp-tariff-comparison-header-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-header-border-color: var(--oev-color-transparent);
  --oev-comp-tariff-comparison-header-border-width: var(--oev-ref-size-00);
  --oev-comp-tariff-comparison-header-border-radius: var(--oev-ref-radius-m);
  --oev-comp-tariff-comparison-header-overline-offset-top: 90%;
  --oev-comp-tariff-comparison-header-overline-highlighted-offset-top: 30%;
  --oev-comp-tariff-comparison-header-overline-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-header-overline-border-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-header-overline-border-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-header-overline-font-color: var(--oev-color-secondary-default);
  --oev-comp-tariff-comparison-header-overline-text-spacing-left-right: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-overline-text-spacing-top-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-overline-font-style-xs: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-overline-font-style-s-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-overline-shadow: var(--oev-sys-box-shadow-none);
  --oev-comp-tariff-comparison-header-tariff-name-color-background: var(--oev-color-gray-200);
  --oev-comp-tariff-comparison-header-tariff-name-visible-color-background-x-small: var(--oev-color-gray-200);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-color-background: var(--oev-color-primary-default);
  --oev-comp-tariff-comparison-header-tariff-name-highlighted-font-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-header-tariff-name-font-color: var(--oev-sys-color-font-body-default);
  --oev-comp-tariff-comparison-header-tariff-name-font-style: var(--oev-font-style-subtitle-2);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-top: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-name-spacing-left-right-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-header-price-container-color-background: var(--oev-color-background-03);
  --oev-comp-tariff-comparison-header-price-container-highlighted-color-background: var(--oev-color-background-03);
  --oev-comp-tariff-comparison-header-price-container-spacing: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-header-tariff-price-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-header-visible-tariff-price-font-color-x-small: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-tariff-price-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-xs-s: var(--oev-font-style-caption);
  --oev-comp-tariff-comparison-header-tariff-price-period-font-style-m-xl: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-tariff-price-period-spacing-bottom: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-header-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-header-subline-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-header-visible-subline-font-color-x-small: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-visible-color-background-x-small: var(--oev-color-gray-200);
  --oev-comp-tariff-comparison-header-visible-font-color-x-small: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-header-visible-highlighted-font-color-x-small: var(--oev-color-font-body-inverted);
  --oev-comp-tariff-comparison-header-visible-arrow-container-border-color-x-small: var(--oev-color-gray-200);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-header-sticky-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-content-tariffgroup-name-color-background: var(--oev-color-gray-100);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-style: var(--oev-font-style-link);
  --oev-comp-tariff-comparison-content-tariffgroup-name-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-content-tariffgroup-name-tooltip-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-default: var(--oev-color-gray-default);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-hover: var(--oev-color-gray-hover);
  --oev-comp-tariff-comparison-content-tariffgroup-name-icon-color-open: var(--oev-color-gray-default);
  --oev-comp-tariff-comparison-content-tariffrow-color-background-hover: var(--oev-color-gray-100);
  --oev-comp-tariff-comparison-content-tariffrow-color-background: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-width: var(--oev-ref-size-01);
  --oev-comp-tariff-comparison-content-tariffrow-last-border-bottom-color: var(--oev-color-gray-300);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-xs: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-vertical-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-spacing-horizontal: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-style: var(--oev-font-style-body);
  --oev-comp-tariff-comparison-content-tariffrow-name-font-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-left-right: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-xs: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-bottom-s-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-xs-s: var(--oev-sys-spacing-xs);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-spacing-top-m-xl: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-check-color: var(--primeng-color-success-600);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-remove-color: var(--oev-color-font-body-default);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-1: var(--oev-sys-spacing-xl-1);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-module-group-has-icon-spacing-left-2: var(--oev-sys-spacing-s);
  --oev-comp-tariff-comparison-content-tariffrow-name-module-group-spacing: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-yes: var(--oev-icon-check-filled);
  --oev-comp-tariff-comparison-content-tariffrow-performancecharacteristic-icon-no: var(--oev-icon-remove-filled);
  --oev-comp-tariff-comparison-content-container-spacing-top: var(--oev-ref-spacing-20);
  --oev-comp-tariff-comparison-content-container-spacing-gap: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-footer-spacing: var(--oev-ref-spacing-02);
  --oev-comp-tariff-comparison-footer-tarifffooter-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-anchoring-container-color-background: var(--oev-color-background-03);
  --oev-comp-tariff-comparison-footer-tarifffooter-color-background: var(--oev-color-background-03);
  --oev-comp-tariff-comparison-footer-tariff-price-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-tariff-price-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-footer-anchoring-container-spacing: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-width: var(--oev-ref-size-02);
  --oev-comp-tariff-comparison-footer-anchoring-container-border-bottom-color: var(--oev-color-action-white);
  --oev-comp-tariff-comparison-footer-anchoring-font-style: var(--oev-font-style-h5);
  --oev-comp-tariff-comparison-footer-anchoring-font-color: var(--oev-color-font-h5);
  --oev-comp-tariff-comparison-footer-anchoring-spacing-bottom: var(--oev-sys-spacing-xxs);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-style: var(--oev-font-style-body-small);
  --oev-comp-tariff-comparison-footer-anchoring-subline-font-color: var(--oev-color-font-body-small);
  --oev-comp-tariff-comparison-footer-subline-font-color: var(--oev-color-font-link);
  --oev-comp-tariff-comparison-footer-subline-spacing-bottom: var(--oev-sys-spacing-m);
  --oev-comp-tariff-comparison-footer-button-container-spacing: var(--oev-sys-spacing-m);
  --oev-ref-z-index-1: 1;
  --oev-ref-z-index-30: 30;
}
.theme-svlfg {
  --oev-color-primary-600: #056704;
  --oev-color-primary-800: #056704;
  --oev-color-primary-900: #67b32e;
  --oev-color-secondary-200: #afb6bc;
  --oev-color-secondary-700: #3d3f44;
  --oev-color-secondary-800: #3d3f44;
  --oev-color-secondary-900: #313131;
  --oev-color-custom-01: #f0f3f5;
  --oev-color-custom-02: #cccccc;
  --primeng-color-info-default: var(--oev-color-custom-02);
}
[class*=theme-] {
  --vk-global-group-label-font-weight: var(--oev-font-weight-label);
  --vk-global-group-label-margin-bottom: var(--vk-spacing-12);
  --vk-global-group-label-gap: var(--vk-spacing-12);
  --vk-global-error-container-font-style: var(--oev-font-style-error);
  --vk-global-error-container-margin-top: var(--vk-spacing-04);
  --vk-global-error-container-text-color: var(--oev-color-font-error);
  --vk-global-help-container-text-color: var(--oev-color-font-body-default);
}
@layer dxp-primeng {
  [class*=theme-] {
    --vk-size-auto: var(--oev-ref-size-auto);
    --vk-size-00: var(--oev-ref-size-00);
    --vk-size-01: var(--oev-ref-size-01);
    --vk-size-02: var(--oev-ref-size-02);
    --vk-size-03: var(--oev-ref-size-03);
    --vk-size-04: var(--oev-ref-size-04);
    --vk-size-06: var(--oev-ref-size-06);
    --vk-size-08: var(--oev-ref-size-08);
    --vk-size-10: var(--oev-ref-size-10);
    --vk-size-12: var(--oev-ref-size-12);
    --vk-size-15: var(--oev-ref-size-15);
    --vk-size-16: var(--oev-ref-size-16);
    --vk-size-20: var(--oev-ref-size-20);
    --vk-size-24: var(--oev-ref-size-24);
    --vk-size-32: var(--oev-ref-size-32);
    --vk-size-40: var(--oev-ref-size-40);
    --vk-size-48: var(--oev-ref-size-48);
    --vk-size-50: var(--oev-ref-size-50);
    --vk-size-56: var(--oev-ref-size-56);
    --vk-size-64: var(--oev-ref-size-64);
    --vk-size-72: var(--oev-ref-size-72);
    --vk-size-80: var(--oev-ref-size-80);
    --vk-size-88: var(--oev-ref-size-88);
    --vk-size-102: var(--oev-ref-size-102);
    --vk-size-104: var(--oev-ref-size-104);
    --vk-size-120: var(--oev-ref-size-120);
    --vk-size-140: var(--oev-ref-size-140);
    --vk-size-160: var(--oev-ref-size-160);
    --vk-size-192: var(--oev-ref-size-192);
    --vk-spacing-00: var(--oev-ref-spacing-00);
    --vk-spacing-01: var(--oev-ref-spacing-01);
    --vk-spacing-02: var(--oev-ref-spacing-02);
    --vk-spacing-04: var(--oev-ref-spacing-04);
    --vk-spacing-06: var(--oev-ref-spacing-06);
    --vk-spacing-08: var(--oev-ref-spacing-08);
    --vk-spacing-10: var(--oev-ref-spacing-10);
    --vk-spacing-12: var(--oev-ref-spacing-12);
    --vk-spacing-14: var(--oev-ref-spacing-14);
    --vk-spacing-15: var(--oev-ref-spacing-15);
    --vk-spacing-16: var(--oev-ref-spacing-16);
    --vk-spacing-20: var(--oev-ref-spacing-20);
    --vk-spacing-24: var(--oev-ref-spacing-24);
    --vk-spacing-32: var(--oev-ref-spacing-32);
    --vk-spacing-40: var(--oev-ref-spacing-40);
    --vk-spacing-48: var(--oev-ref-spacing-48);
    --vk-spacing-56: var(--oev-ref-spacing-56);
    --vk-spacing-64: var(--oev-ref-spacing-64);
    --vk-spacing-72: var(--oev-ref-spacing-72);
    --vk-spacing-80: var(--oev-ref-spacing-80);
    --vk-spacing-96: var(--oev-ref-spacing-96);
    --vk-spacing-negative-07: var(--oev-sys-spacing-negative-07);
    --vk-spacing-none: var(--oev-sys-spacing-none);
    --vk-spacing-xxs: var(--oev-sys-spacing-xxs);
    --vk-spacing-xs: var(--oev-sys-spacing-xs);
    --vk-spacing-s: var(--oev-sys-spacing-s);
    --vk-spacing-m: var(--oev-sys-spacing-m);
    --vk-spacing-l: var(--oev-sys-spacing-l);
    --vk-spacing-xl-1: var(--oev-sys-spacing-xl-1);
    --vk-spacing-xl-2: var(--oev-sys-spacing-xl-2);
    --vk-spacing-xl-3: var(--oev-sys-spacing-xl-3);
    --vk-spacing-xl-4: var(--oev-sys-spacing-xl-4);
    --vk-spacing-xl-5: var(--oev-sys-spacing-xl-5);
    --vk-spacing-xl-6: var(--oev-sys-spacing-xl-6);
    --vk-spacing-xl-7: var(--oev-sys-spacing-xl-7);
    --vk-spacing-xl-8: var(--oev-sys-spacing-xl-8);
    --vk-spacing-responsive-xxs: var(--oev-sys-spacing-responsive-xxs);
    --vk-spacing-responsive-xs: var(--oev-sys-spacing-responsive-xs);
    --vk-spacing-responsive-s: var(--oev-sys-spacing-responsive-s);
    --vk-spacing-responsive-m: var(--oev-sys-spacing-responsive-m);
    --vk-spacing-responsive-l: var(--oev-sys-spacing-responsive-l);
    --vk-spacing-responsive-xl: var(--oev-sys-spacing-responsive-xl);
    --vk-spacing-responsive-xxl: var(--oev-sys-spacing-responsive-xxl);
  }
  #inv-app-container,
  #primeng-app-container,
  .primeng-app-container,
  .p-tooltip,
  .p-dialog-mask,
  .p-popover {
    font: var(--oev-font-style-body);
    color: var(--oev-color-font-body-default);
  }
  #inv-app-container small,
  #inv-app-container .small,
  #primeng-app-container small,
  #primeng-app-container .small,
  .primeng-app-container small,
  .primeng-app-container .small,
  .p-tooltip small,
  .p-tooltip .small,
  .p-dialog-mask small,
  .p-dialog-mask .small,
  .p-popover small,
  .p-popover .small {
    font: var(--oev-font-style-body-small);
    color: var(--oev-color-font-body-small);
  }
  #inv-app-container caption,
  #inv-app-container .caption,
  #primeng-app-container caption,
  #primeng-app-container .caption,
  .primeng-app-container caption,
  .primeng-app-container .caption,
  .p-tooltip caption,
  .p-tooltip .caption,
  .p-dialog-mask caption,
  .p-dialog-mask .caption,
  .p-popover caption,
  .p-popover .caption {
    font: var(--oev-font-style-caption);
    color: var(--oev-color-font-caption);
  }
  #inv-app-container h1,
  #inv-app-container .h1,
  #primeng-app-container h1,
  #primeng-app-container .h1,
  .primeng-app-container h1,
  .primeng-app-container .h1,
  .p-tooltip h1,
  .p-tooltip .h1,
  .p-dialog-mask h1,
  .p-dialog-mask .h1,
  .p-popover h1,
  .p-popover .h1 {
    font: var(--oev-font-style-h1);
    color: var(--oev-color-font-h1);
  }
  #inv-app-container h2,
  #inv-app-container .h2,
  #primeng-app-container h2,
  #primeng-app-container .h2,
  .primeng-app-container h2,
  .primeng-app-container .h2,
  .p-tooltip h2,
  .p-tooltip .h2,
  .p-dialog-mask h2,
  .p-dialog-mask .h2,
  .p-popover h2,
  .p-popover .h2 {
    font: var(--oev-font-style-h2);
    color: var(--oev-color-font-h2);
  }
  #inv-app-container h3,
  #inv-app-container .h3,
  #primeng-app-container h3,
  #primeng-app-container .h3,
  .primeng-app-container h3,
  .primeng-app-container .h3,
  .p-tooltip h3,
  .p-tooltip .h3,
  .p-dialog-mask h3,
  .p-dialog-mask .h3,
  .p-popover h3,
  .p-popover .h3 {
    font: var(--oev-font-style-h3);
    color: var(--oev-color-font-h3);
  }
  #inv-app-container h4,
  #inv-app-container .h4,
  #primeng-app-container h4,
  #primeng-app-container .h4,
  .primeng-app-container h4,
  .primeng-app-container .h4,
  .p-tooltip h4,
  .p-tooltip .h4,
  .p-dialog-mask h4,
  .p-dialog-mask .h4,
  .p-popover h4,
  .p-popover .h4 {
    font: var(--oev-font-style-h4);
    color: var(--oev-color-font-h4);
  }
  #inv-app-container h5,
  #inv-app-container .h5,
  #primeng-app-container h5,
  #primeng-app-container .h5,
  .primeng-app-container h5,
  .primeng-app-container .h5,
  .p-tooltip h5,
  .p-tooltip .h5,
  .p-dialog-mask h5,
  .p-dialog-mask .h5,
  .p-popover h5,
  .p-popover .h5 {
    font: var(--oev-font-style-h5);
    color: var(--oev-color-font-h5);
  }
  #inv-app-container h6,
  #inv-app-container .h6,
  #primeng-app-container h6,
  #primeng-app-container .h6,
  .primeng-app-container h6,
  .primeng-app-container .h6,
  .p-tooltip h6,
  .p-tooltip .h6,
  .p-dialog-mask h6,
  .p-dialog-mask .h6,
  .p-popover h6,
  .p-popover .h6 {
    font: var(--oev-font-style-h6);
    color: var(--oev-color-font-h6);
  }
  #inv-app-container label,
  #inv-app-container .label,
  #primeng-app-container label,
  #primeng-app-container .label,
  .primeng-app-container label,
  .primeng-app-container .label,
  .p-tooltip label,
  .p-tooltip .label,
  .p-dialog-mask label,
  .p-dialog-mask .label,
  .p-popover label,
  .p-popover .label {
    font: var(--oev-font-style-label);
    color: var(--oev-color-font-label);
  }
  #inv-app-container label small,
  #inv-app-container .label-small,
  #primeng-app-container label small,
  #primeng-app-container .label-small,
  .primeng-app-container label small,
  .primeng-app-container .label-small,
  .p-tooltip label small,
  .p-tooltip .label-small,
  .p-dialog-mask label small,
  .p-dialog-mask .label-small,
  .p-popover label small,
  .p-popover .label-small {
    font: var(--oev-font-style-label-small);
    color: var(--oev-color-font-label-small);
  }
  #inv-app-container .subtitle-1,
  #primeng-app-container .subtitle-1,
  .primeng-app-container .subtitle-1,
  .p-tooltip .subtitle-1,
  .p-dialog-mask .subtitle-1,
  .p-popover .subtitle-1 {
    font: var(--oev-font-style-subtitle-1);
    color: var(--oev-color-font-subtitle-1);
  }
  #inv-app-container .subtitle-2,
  #primeng-app-container .subtitle-2,
  .primeng-app-container .subtitle-2,
  .p-tooltip .subtitle-2,
  .p-dialog-mask .subtitle-2,
  .p-popover .subtitle-2 {
    font: var(--oev-font-style-subtitle-2);
    color: var(--oev-color-font-subtitle-2);
  }
  [class*=theme-] {
    --vk-comp-button-icon-spacing: var(--oev-comp-button-icon-spacing);
    --vk-comp-button-icon-line-height: var(--vk-size-24);
    --vk-comp-button-font-style: var(--oev-comp-button-font-style);
    --vk-comp-button-font-weight: var(--oev-comp-button-font-weight);
    --vk-comp-button-border-width: var(--oev-comp-button-border-width);
    --vk-comp-button-border-radius: var(--oev-comp-button-border-radius);
    --vk-comp-button-label-top-margin: var(--vk-spacing-12);
    --vk-comp-button-label-bottom-margin: var(--vk-spacing-12);
    --vk-comp-button-label-left-margin: var(--oev-comp-button-labeled-spacing-left-and-right);
    --vk-comp-button-label-right-margin: var(--oev-comp-button-labeled-spacing-left-and-right);
    --vk-comp-button-font-color-default: var(--oev-color-font-body-default);
    --vk-comp-button-font-color-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-primary: var(--oev-comp-button-primary-contained-color-label-default);
    --vk-comp-button-color-primary-active: var(--vk-comp-button-color-primary);
    --vk-comp-button-color-primary-hover: var(--oev-comp-button-primary-contained-color-label-default);
    --vk-comp-button-color-primary-disabled: var(--oev-color-gray-700);
    --vk-comp-button-background-color-primary: var(--oev-comp-button-primary-contained-background-color-default);
    --vk-comp-button-background-color-primary-active: var(--oev-comp-button-primary-contained-background-color-active);
    --vk-comp-button-background-color-primary-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-primary-hover: var(--oev-comp-button-primary-contained-background-color-hover);
    --vk-comp-button-background-color-primary-focus: var(--oev-comp-button-primary-contained-background-color-focus);
    --vk-comp-button-border-color-primary: var(--vk-comp-button-background-color-primary);
    --vk-comp-button-border-color-primary-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-button-border-color-primary-focus: var(--oev-comp-button-primary-contained-background-color-focus);
    --vk-comp-button-border-color-primary-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-button-border-color-primary-disabled: var(--vk-comp-button-background-color-primary-disabled);
    --vk-comp-button-color-secondary: var(--oev-color-white-default);
    --vk-comp-button-color-secondary-active: var(--vk-comp-button-color-secondary);
    --vk-comp-button-color-secondary-hover: var(--oev-color-white-default);
    --vk-comp-button-color-secondary-disabled: var(--oev-color-gray-700);
    --vk-comp-button-background-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-background-color-secondary-active: var(--oev-color-secondary-active);
    --vk-comp-button-background-color-secondary-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-secondary-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-background-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-border-color-secondary: var(--vk-comp-button-background-color-secondary);
    --vk-comp-button-border-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-border-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-border-color-secondary-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-button-border-color-secondary-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-button-background-color-success: var(--primeng-color-success-default);
    --vk-comp-button-background-color-success-hover: var(--primeng-color-success-default);
    --vk-comp-button-background-color-success-active: var(--primeng-color-success-active);
    --vk-comp-button-background-color-success-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-success-hover: var(--primeng-color-success-hover);
    --vk-comp-button-background-color-success-focus: var(--primeng-color-success-focus);
    --vk-comp-button-border-color-success: var(--primeng-color-success-default);
    --vk-comp-button-border-color-success-hover: var(--primeng-color-success-hover);
    --vk-comp-button-border-color-success-focus: var(--primeng-color-success-focus);
    --vk-comp-button-border-color-success-active: var(--primeng-color-success-active);
    --vk-comp-button-border-color-success-disabled: var(--oev-color-gray-200);
    --vk-comp-button-color-success: var(--oev-color-font-body-default);
    --vk-comp-button-color-success-active: var(--vk-comp-button-color-success);
    --vk-comp-button-color-success-hover: var(--oev-color-font-body-default);
    --vk-comp-button-color-success-disabled: var(--oev-color-gray-700);
    --vk-comp-button-background-color-info: var(--primeng-color-info-default);
    --vk-comp-button-background-color-info-hover: var(--primeng-color-info-default);
    --vk-comp-button-background-color-info-active: var(--primeng-color-info-active);
    --vk-comp-button-background-color-info-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-info-hover: var(--primeng-color-info-hover);
    --vk-comp-button-background-color-info-focus: var(--primeng-color-info-focus);
    --vk-comp-button-border-color-info: var(--primeng-color-info-default);
    --vk-comp-button-border-color-info-hover: var(--primeng-color-info-hover);
    --vk-comp-button-border-color-info-focus: var(--primeng-color-info-focus);
    --vk-comp-button-border-color-info-active: var(--primeng-color-info-active);
    --vk-comp-button-border-color-info-disabled: var(--oev-color-gray-200);
    --vk-comp-button-color-info: var(--oev-color-font-body-default);
    --vk-comp-button-color-info-active: var(--vk-comp-button-color-info);
    --vk-comp-button-color-info-hover: var(--oev-color-font-body-default);
    --vk-comp-button-color-info-disabled: var(--oev-color-gray-700);
    --vk-comp-button-background-color-warning: var(--primeng-color-warning-default);
    --vk-comp-button-background-color-warning-hover: var(--primeng-color-warning-default);
    --vk-comp-button-background-color-warning-active: var(--primeng-color-warning-active);
    --vk-comp-button-background-color-warning-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-warning-hover: var(--primeng-color-warning-hover);
    --vk-comp-button-background-color-warning-focus: var(--primeng-color-warning-focus);
    --vk-comp-button-border-color-warning: var(--primeng-color-warning-default);
    --vk-comp-button-border-color-warning-hover: var(--primeng-color-warning-hover);
    --vk-comp-button-border-color-warning-focus: var(--primeng-color-warning-focus);
    --vk-comp-button-border-color-warning-active: var(--primeng-color-warning-active);
    --vk-comp-button-border-color-warning-disabled: var(--oev-color-gray-200);
    --vk-comp-button-color-warning: var(--oev-color-font-body-default);
    --vk-comp-button-color-warning-active: var(--vk-comp-button-color-warning);
    --vk-comp-button-color-warning-hover: var(--oev-color-font-body-default);
    --vk-comp-button-color-warning-disabled: var(--oev-color-gray-700);
    --vk-comp-button-background-color-help: var(--primeng-color-help-default);
    --vk-comp-button-background-color-help-hover: var(--primeng-color-help-default);
    --vk-comp-button-background-color-help-active: var(--primeng-color-help-active);
    --vk-comp-button-background-color-help-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-help-hover: var(--primeng-color-help-hover);
    --vk-comp-button-background-color-help-focus: var(--primeng-color-help-focus);
    --vk-comp-button-border-color-help: var(--primeng-color-help-default);
    --vk-comp-button-border-color-help-hover: var(--primeng-color-help-hover);
    --vk-comp-button-border-color-help-focus: var(--primeng-color-help-focus);
    --vk-comp-button-border-color-help-active: var(--primeng-color-help-active);
    --vk-comp-button-border-color-help-disabled: var(--oev-color-gray-200);
    --vk-comp-button-color-help: var(--oev-color-font-body-default);
    --vk-comp-button-color-help-active: var(--vk-comp-button-color-help);
    --vk-comp-button-color-help-hover: var(--oev-color-font-body-default);
    --vk-comp-button-color-help-disabled: var(--oev-color-gray-700);
    --vk-comp-button-background-color-danger: var(--primeng-color-danger-default);
    --vk-comp-button-background-color-danger-hover: var(--primeng-color-danger-default);
    --vk-comp-button-background-color-danger-active: var(--primeng-color-danger-active);
    --vk-comp-button-background-color-danger-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-danger-hover: var(--primeng-color-danger-hover);
    --vk-comp-button-background-color-danger-focus: var(--primeng-color-danger-focus);
    --vk-comp-button-border-color-danger: var(--primeng-color-danger-default);
    --vk-comp-button-border-color-danger-hover: var(--primeng-color-danger-hover);
    --vk-comp-button-border-color-danger-focus: var(--primeng-color-danger-focus);
    --vk-comp-button-border-color-danger-active: var(--primeng-color-danger-active);
    --vk-comp-button-border-color-danger-disabled: var(--oev-color-gray-200);
    --vk-comp-button-color-danger: var(--oev-color-font-body-default);
    --vk-comp-button-color-danger-active: var(--vk-comp-button-color-danger);
    --vk-comp-button-color-danger-hover: var(--oev-color-font-body-default);
    --vk-comp-button-color-danger-disabled: var(--oev-color-gray-700);
    --vk-comp-button-color-success: var(--oev-color-font-body-default);
    --vk-comp-button-color-info: var(--oev-color-font-body-default);
    --vk-comp-button-color-warning: var(--oev-color-font-body-default);
    --vk-comp-button-color-help: var(--oev-color-font-body-default);
    --vk-comp-button-color-danger: var(--oev-color-font-body-inverted);
    --vk-comp-button-color-danger-hover: var(--oev-color-font-body-inverted);
    --vk-comp-button-outlined-outline-radius: var(--vk-size-04);
    --vk-comp-button-outlined-color-primary: var(--oev-comp-button-primary-outlined-color-label-default);
    --vk-comp-button-outlined-color-primary-active: var(--oev-comp-button-primary-outlined-color-label-active);
    --vk-comp-button-outlined-color-primary-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-color-primary-hover: var(--oev-comp-button-primary-outlined-color-label-hover);
    --vk-comp-button-outlined-color-primary-focus: var(--oev-comp-button-primary-outlined-color-label-default);
    --vk-comp-button-outlined-border-color-primary: var(--oev-comp-button-primary-outlined-color-border-default);
    --vk-comp-button-outlined-border-color-primary-hover: var(--oev-comp-button-primary-outlined-color-border-hover);
    --vk-comp-button-outlined-border-color-primary-active: var(--oev-comp-button-primary-outlined-color-border-active);
    --vk-comp-button-outlined-border-color-primary-focus: var(--oev-comp-button-primary-outlined-color-border-focus);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-background-color-primary: transparent;
    --vk-comp-button-outlined-background-color-primary-hover: transparent;
    --vk-comp-button-outlined-background-color-primary-focus: transparent;
    --vk-comp-button-outlined-background-color-primary-active: transparent;
    --vk-comp-button-outlined-background-color-primary-disabled: transparent;
    --vk-comp-button-outlined-color-secondary: var(--oev-comp-button-secondary-outlined-color-label-default);
    --vk-comp-button-outlined-color-secondary-active: var(--oev-comp-button-secondary-outlined-color-label-active);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-color-secondary-hover: var(--oev-comp-button-secondary-outlined-color-label-hover);
    --vk-comp-button-outlined-color-secondary-focus: var(--oev-comp-button-secondary-outlined-color-label-default);
    --vk-comp-button-outlined-border-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-outlined-border-color-secondary-hover: var(--oev-color-secondary-default);
    --vk-comp-button-outlined-border-color-secondary-active: var(--oev-color-secondary-active);
    --vk-comp-button-outlined-border-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-background-color-secondary: var(--oev-comp-button-secondary-outlined-color-background-default);
    --vk-comp-button-outlined-background-color-secondary-hover: var(--oev-comp-button-secondary-outlined-color-background-hover);
    --vk-comp-button-outlined-background-color-secondary-focus: var(--oev-comp-button-secondary-outlined-color-background-focus);
    --vk-comp-button-outlined-background-color-secondary-active: var(--oev-comp-button-secondary-outlined-color-background-active);
    --vk-comp-button-outlined-background-color-secondary-disabled: var(--oev-comp-button-secondary-outlined-color-background-disabled);
    --vk-comp-button-outlined-color-success: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-success-active: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-success-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-border-color-success: var(--primeng-color-success-default);
    --vk-comp-button-outlined-border-color-success-hover: var(--primeng-color-success-hover);
    --vk-comp-button-outlined-border-color-success-focus: var(--primeng-color-success-focus);
    --vk-comp-button-outlined-border-color-success-active: var(--primeng-color-success-active);
    --vk-comp-button-outlined-border-color-success-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-background-color-success: transparent;
    --vk-comp-button-outlined-background-color-success-hover: transparent;
    --vk-comp-button-outlined-background-color-success-focus: transparent;
    --vk-comp-button-outlined-background-color-success-active: transparent;
    --vk-comp-button-outlined-background-color-success-disabled: transparent;
    --vk-comp-button-outlined-color-info: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-info-active: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-info-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-border-color-info: var(--primeng-color-info-default);
    --vk-comp-button-outlined-border-color-info-hover: var(--primeng-color-info-hover);
    --vk-comp-button-outlined-border-color-info-focus: var(--primeng-color-info-focus);
    --vk-comp-button-outlined-border-color-info-active: var(--primeng-color-info-active);
    --vk-comp-button-outlined-border-color-info-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-background-color-info: transparent;
    --vk-comp-button-outlined-background-color-info-hover: transparent;
    --vk-comp-button-outlined-background-color-info-focus: transparent;
    --vk-comp-button-outlined-background-color-info-active: transparent;
    --vk-comp-button-outlined-background-color-info-disabled: transparent;
    --vk-comp-button-outlined-color-warning: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-warning-active: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-warning-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-border-color-warning: var(--primeng-color-warning-default);
    --vk-comp-button-outlined-border-color-warning-hover: var(--primeng-color-warning-hover);
    --vk-comp-button-outlined-border-color-warning-focus: var(--primeng-color-warning-focus);
    --vk-comp-button-outlined-border-color-warning-active: var(--primeng-color-warning-active);
    --vk-comp-button-outlined-border-color-warning-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-background-color-warning: transparent;
    --vk-comp-button-outlined-background-color-warning-hover: transparent;
    --vk-comp-button-outlined-background-color-warning-focus: transparent;
    --vk-comp-button-outlined-background-color-warning-active: transparent;
    --vk-comp-button-outlined-background-color-warning-disabled: transparent;
    --vk-comp-button-outlined-color-help: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-help-active: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-help-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-border-color-help: var(--primeng-color-help-default);
    --vk-comp-button-outlined-border-color-help-hover: var(--primeng-color-help-hover);
    --vk-comp-button-outlined-border-color-help-focus: var(--primeng-color-help-focus);
    --vk-comp-button-outlined-border-color-help-active: var(--primeng-color-help-active);
    --vk-comp-button-outlined-border-color-help-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-background-color-help: transparent;
    --vk-comp-button-outlined-background-color-help-hover: transparent;
    --vk-comp-button-outlined-background-color-help-focus: transparent;
    --vk-comp-button-outlined-background-color-help-active: transparent;
    --vk-comp-button-outlined-background-color-help-disabled: transparent;
    --vk-comp-button-outlined-color-danger: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-danger-active: var(--oev-color-font-body-default);
    --vk-comp-button-outlined-color-danger-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-border-color-danger: var(--primeng-color-danger-default);
    --vk-comp-button-outlined-border-color-danger-hover: var(--primeng-color-danger-hover);
    --vk-comp-button-outlined-border-color-danger-focus: var(--primeng-color-danger-focus);
    --vk-comp-button-outlined-border-color-danger-active: var(--primeng-color-danger-active);
    --vk-comp-button-outlined-border-color-danger-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-background-color-danger: transparent;
    --vk-comp-button-outlined-background-color-danger-hover: transparent;
    --vk-comp-button-outlined-background-color-danger-focus: transparent;
    --vk-comp-button-outlined-background-color-danger-active: transparent;
    --vk-comp-button-outlined-background-color-danger-disabled: transparent;
    --vk-comp-button-text-border-radius: var(--vk-comp-button-border-radius);
    --vk-comp-button-text-background-color-primary: var(--vk-comp-button-background-color-primary);
    --vk-comp-button-text-background-color-primary-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-button-text-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-text-color-primary-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-button-text-color-primary-focus: var(--oev-color-primary-default);
    --vk-comp-button-text-color-primary-active: var(--oev-color-primary-active);
    --vk-comp-button-text-background-color-secondary: var(--vk-comp-button-background-color-secondary);
    --vk-comp-button-text-background-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-text-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-text-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-text-color-secondary-focus: var(--oev-color-secondary-default);
    --vk-comp-button-text-color-secondary-active: var(--oev-color-secondary-active);
    --vk-comp-button-text-background-color-success: var(--vk-comp-button-background-color-success);
    --vk-comp-button-text-background-color-success-hover: var(--vk-comp-button-background-color-success-hover);
    --vk-comp-button-text-color-success-hover: var(--vk-comp-button-background-color-success-hover);
    --vk-comp-button-text-color-success-focus: var(--oev-color-font-body-default);
    --vk-comp-button-text-color-success-active: var(--oev-color-font-body-default);
    --vk-comp-button-text-background-color-info: var(--vk-comp-button-background-color-info);
    --vk-comp-button-text-background-color-info-hover: var(--vk-comp-button-background-color-info-hover);
    --vk-comp-button-text-color-info-hover: var(--vk-comp-button-background-color-info-hover);
    --vk-comp-button-text-color-info-focus: var(--oev-color-font-body-default);
    --vk-comp-button-text-color-info-active: var(--oev-color-font-body-default);
    --vk-comp-button-text-background-color-warning: var(--vk-comp-button-background-color-warning);
    --vk-comp-button-text-background-color-warning-hover: var(--vk-comp-button-background-color-warning-hover);
    --vk-comp-button-text-color-warning-hover: var(--vk-comp-button-background-color-warning-hover);
    --vk-comp-button-text-color-warning-focus: var(--oev-color-font-body-default);
    --vk-comp-button-text-color-warning-active: var(--oev-color-font-body-default);
    --vk-comp-button-text-background-color-help: var(--vk-comp-button-background-color-help);
    --vk-comp-button-text-background-color-help-hover: var(--vk-comp-button-background-color-help-hover);
    --vk-comp-button-text-color-help-hover: var(--vk-comp-button-background-color-help-hover);
    --vk-comp-button-text-color-help-focus: var(--oev-color-font-body-default);
    --vk-comp-button-text-color-help-active: var(--oev-color-font-body-default);
    --vk-comp-button-text-background-color-danger: var(--vk-comp-button-background-color-danger);
    --vk-comp-button-text-background-color-danger-hover: var(--vk-comp-button-background-color-danger-hover);
    --vk-comp-button-text-color-danger-hover: var(--vk-comp-button-background-color-danger-hover);
    --vk-comp-button-text-color-danger-focus: var(--oev-color-font-body-default);
    --vk-comp-button-text-color-danger-active: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-primary: var(--vk-comp-button-background-color-primary);
    --vk-comp-button-link-color-secondary: var(--vk-comp-button-background-color-secondary);
    --vk-comp-button-link-color-success: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-success-hover: var(--vk-comp-button-background-color-success-hover);
    --vk-comp-button-link-color-success-focus: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-success-active: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-info: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-info-hover: var(--vk-comp-button-background-color-info-hover);
    --vk-comp-button-link-color-info-focus: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-info-active: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-warning: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-warning-hover: var(--vk-comp-button-background-color-warning-hover);
    --vk-comp-button-link-color-warning-focus: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-warning-active: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-help: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-help-hover: var(--vk-comp-button-background-color-help-hover);
    --vk-comp-button-link-color-help-focus: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-help-active: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-danger: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-danger-hover: var(--vk-comp-button-background-color-danger-hover);
    --vk-comp-button-link-color-danger-focus: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-danger-active: var(--oev-color-font-body-default);
  }
  [class*=theme-] {
    --vk-comp-orderlist-border-color: var(--oev-color-primary-100);
    --vk-comp-orderlist-controls-button-border-width: var(--oev-comp-button-border-width);
    --vk-comp-orderlist-container-border-radius: var(--oev-ref-radius-m);
    --vk-comp-orderlist-container-font-color: var(--oev-color-font-headline);
    --vk-comp-orderlist-controls-spacing-xs: var(--vk-spacing-08);
    --vk-comp-orderlist-controls-spacing-l: var(--vk-spacing-24);
    --vk-comp-orderlist-controls-button-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-orderlist-controls-button-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-orderlist-controls-button-color-focus: var(--vk-comp-button-background-color-primary-focus);
    --vk-comp-orderlist-controls-button-color-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-orderlist-controls-button-color-disabled: var(--vk-comp-button-background-color-primary-disabled);
    --vk-comp-orderlist-controls-text-color: var(--oev-color-action-white);
    --vk-comp-orderlist-controls-text-color-hover: var(--oev-color-action-white);
    --vk-comp-orderlist-controls-text-color-active: var(--oev-color-action-white);
    --vk-comp-orderlist-controls-button-border-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-orderlist-container-item-font: var(--oev-font-style-h6);
    --vk-comp-orderlist-container-item-background-color-active: var(--oev-color-background-02);
    --vk-comp-orderlist-container-item-background-color-focus: var(--oev-color-gray-50);
    --vk-comp-orderlist-container-item-background-color-active-focus: var(--oev-color-secondary-50);
  }
  [class*=theme-] {
    --vk-comp-table-paginator-font-style: var(--oev-font-style-body);
    --vk-comp-table-paginator-color: var(--oev-color-font-body-default);
    --vk-comp-table-paginator-color-disabled: var(--oev-color-font-body-disabled);
    --vk-comp-table-paginator-background-color-hover: var(--oev-color-background-01);
    --vk-comp-table-paginator-color-highlight: var(--oev-color-font-body-inverted);
    --vk-comp-table-paginator-background-color-highlight: var(--oev-color-primary-default);
  }
  [class*=theme-] {
    --vk-comp-table-header-caption-background-color: var(--oev-color-custom-02);
    --vk-comp-table-header-font-style: var(--oev-font-style-h6);
    --vk-comp-table-header-font-size: var(--oev-font-size-m);
    --vk-comp-table-header-font-color: var(--oev-color-font-body-default);
    --vk-comp-table-header-font-color-focus: var(--oev-color-primary-default);
    --vk-comp-table-header-font-color-interactable: var(--oev-color-primary-default);
    --vk-comp-table-header-font-color-interactable-hover: var(--oev-color-primary-hover);
    --vk-comp-table-header-background-color: var(--oev-color-background-01);
    --vk-comp-table-header-background-color-hover: var(--oev-color-secondary-100);
    --vk-comp-table-header-background-color-focus: var(--oev-color-white-default);
    --vk-comp-table-header-background-color-highlight: var(--oev-color-action-white);
    --vk-comp-table-header-border-width: var(--vk-size-01);
    --vk-comp-table-header-border-color: var(--oev-color-secondary-100);
    --vk-comp-table-header-border-color-focus: var(--oev-color-primary-default);
    --vk-comp-table-header-icon-size: var(--vk-size-16);
    --vk-comp-table-header-icon-color: var(--oev-color-gray-800);
    --vk-comp-table-header-icon-color-interactable: var(--oev-color-primary-default);
    --vk-comp-table-header-icon-font-weight: var(--oev-font-weight-body);
    --vk-comp-table-filter-overlay-border-radius: var(--oev-ref-radius-m);
    --vk-comp-table-filter-button-border-width: var(--vk-comp-button-border-width);
    --vk-comp-table-filter-addrule-button-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-table-filter-addrule-button-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-table-filter-addrule-button-color-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-table-filter-addrule-button-color-focus: var(--vk-comp-button-background-color-primary-focus);
    --vk-comp-table-filter-addrule-button-border-color-focus: var(--vk-comp-button-background-color-primary-focus);
    --vk-comp-table-filter-clear-button-color: var(--oev-comp-button-primary-outlined-color-label-default);
    --vk-comp-table-filter-clear-button-color-hover: var(--oev-comp-button-primary-outlined-color-label-hover);
    --vk-comp-table-filter-clear-button-color-active: var(--oev-comp-button-primary-outlined-color-label-active);
    --vk-comp-table-filter-clear-button-color-focus: var(--oev-comp-button-primary-outlined-color-label-focus);
    --vk-comp-table-filter-clear-button-color-disabled: var(--oev-comp-button-primary-outlined-color-label-disabled);
    --vk-comp-table-filter-clear-button-border-color-default: var(--oev-comp-button-primary-outlined-color-border-default);
    --vk-comp-table-filter-clear-button-border-color-hover: var(--oev-comp-button-primary-outlined-color-border-hover);
    --vk-comp-table-filter-clear-button-border-color-active: var(--oev-comp-button-primary-outlined-color-border-active);
    --vk-comp-table-filter-clear-button-border-color-focus: var(--oev-comp-button-primary-outlined-color-border-focus);
    --vk-comp-table-filter-clear-button-border-color-disabled: var(--oev-comp-button-primary-outlined-color-border-disabled);
    --vk-comp-table-paginator-color: var(--oev-color-font-body-default);
    --vk-comp-table-paginator-background-color-hover: var(--oev-color-background-01);
    --vk-comp-table-row-font-style: var(--oev-font-style-body);
    --vk-comp-table-row-font-color: var(--oev-color-font-body-default);
    --vk-comp-table-row-font-color-hover: var(--oev-color-font-body-default);
    --vk-comp-table-row-background-color-hover: var(--oev-color-background-02);
    --vk-comp-table-row-background-color-highlight: var(--oev-color-background-01);
  }
  [class*=theme-] {
    --vk-comp-treetable-icon-background-color-hover: var(--oev-color-background-01);
    --vk-comp-treetable-icon-background-color-default: var(--oev-color-secondary-default);
  }
  [class*=theme-] {
    --vk-comp-fileupload-border-radius: var(--oev-ref-radius-m);
    --vk-comp-fileupload-file-background-color: var(--oev-color-background-02);
    --vk-comp-fileupload-button-text-color: var(--oev-color-action-white);
    --vk-comp-fileupload-button-text-color-hover: var(--oev-color-action-white);
    --vk-comp-fileupload-button-text-color-active: var(--oev-color-action-white);
    --vk-comp-fileupload-button-background-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-fileupload-button-background-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-fileupload-button-background-color-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-fileupload-button-background-color-focus: var(--vk-comp-button-background-color-primary-focus);
    --vk-comp-fileupload-button-background-color-disabled: var(--vk-comp-button-background-color-primary-disabled);
    --vk-comp-fileupload-button-border-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-fileupload-button-border-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-fileupload-button-border-color-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-fileupload-button-border-color-focus: var(--vk-comp-button-background-color-primary-focus);
    --vk-comp-fileupload-button-border-color-disabled: var(--vk-comp-button-background-color-primary-disabled);
  }
  [class*=theme-] {
    --vk-comp-autocomplete-item-background-color-hover: var(--oev-color-background-02);
  }
  [class*=theme-] {
    --vk-comp-checkbox-background-color: var(--oev-color-white-default);
    --vk-comp-checkbox-label-font-style: var(--oev-font-style-label);
    --vk-comp-checkbox-label-color: var(--oev-comp-forms-checkbox-label-color);
    --vk-comp-checkbox-label-color-error: var(--oev-color-font-error);
    --vk-comp-checkbox-icon-color: var(--oev-color-white-default);
    --vk-comp-checkbox-border-color-error-hover: var(--oev-comp-forms-checkbox-color-error);
    --vk-comp-checkbox-border-color-error-focus: var(--oev-comp-forms-checkbox-color-error);
    --vk-comp-checkbox-color-disabled: var(--oev-comp-forms-checkbox-color-disabled);
    --vk-comp-checkbox-border-width: var(--vk-size-02);
    --vk-comp-checkbox-border-radius: var(--vk-size-02);
    --vk-comp-checkbox-border-color-active: var(--oev-comp-forms-checkbox-color-active);
    --vk-comp-checkbox-border-color-disabled: var(--oev-comp-forms-checkbox-color-disabled);
    --vk-comp-checkbox-border-color-error: var(--oev-comp-forms-checkbox-color-error);
    --vk-comp-checkbox-border-color-focus: var(--oev-comp-forms-checkbox-color-focus);
    --vk-comp-checkbox-border-color-hover: var(--oev-comp-forms-checkbox-color-hover);
    --vk-comp-checkbox-border-color: var(--oev-comp-forms-checkbox-color-default);
    --vk-comp-checkbox-background-color-checked-focus: var(--oev-comp-forms-checkbox-selected-color-focus);
    --vk-comp-checkbox-color-checked-active: var(--oev-comp-forms-checkbox-selected-color-active);
    --vk-comp-checkbox-color-checked-disabled: var(--oev-comp-forms-checkbox-selected-color-disabled);
    --vk-comp-checkbox-color-checked-error: var(--oev-comp-forms-checkbox-selected-color-error);
    --vk-comp-checkbox-color-checked-hover: var(--oev-comp-forms-checkbox-selected-color-hover);
    --vk-comp-checkbox-color-checked: var(--oev-comp-forms-checkbox-selected-color-default);
    --vk-comp-checkbox-spacing-s: var(--vk-spacing-12);
  }
  [class*=theme-] {
    --vk-comp-datepicker-spacing-vertical: var(--oev-comp-forms-datepicker-overlay-spacing-top-bottom);
    --vk-comp-datepicker-border-radius: var(--oev-comp-forms-datepicker-overlay-border-radius);
    --vk-comp-datepicker-grid-spacing-outer-top: var(--oev-comp-forms-datepicker-overlay-days-grid-spacing-top);
    --vk-comp-datepicker-grid-spacing-outer-horizontal: var(--oev-comp-forms-datepicker-overlay-days-grid-spacing-left-right);
    --vk-comp-datepicker-grid-spacing-margin-inner: var(--vk-size-02);
    --vk-comp-datepicker-grid-day-height: var(--vk-size-32);
    --vk-comp-datepicker-grid-day-width: calc(var(--vk-size-32) + var(--vk-size-02));
    --vk-comp-datepicker-divider-width: var(--oev-comp-forms-datepicker-overlay-days-grid-border-top-width);
    --vk-comp-datepicker-shadow: var(--oev-sys-elevation-level-2);
    --vk-comp-datepicker-divider-color: var(--oev-comp-forms-datepicker-overlay-days-grid-border-top-color);
    --vk-comp-datepicker-day-background-color-today: var(--oev-comp-forms-datepicker-overlay-days-grid-today-background-color);
    --vk-comp-datepicker-day-background-color-highlight: var(--oev-comp-forms-datepicker-overlay-days-grid-selected-background-color);
    --vk-comp-datepicker-day-background-color-hover: var(--oev-comp-forms-datepicker-overlay-days-grid-hover-background-color);
    --vk-comp-datepicker-header-text-font: var(--oev-comp-forms-datepicker-overlay-header-controls-switch-font-style);
    --vk-comp-datepicker-font-style: var(--oev-font-style-body-small);
    --vk-comp-datepicker-days-font: var(--oev-comp-forms-datepicker-overlay-days-of-week-font-style);
    --vk-comp-datepicker-date-hover-color: var(--oev-comp-forms-datepicker-overlay-days-grid-hover-color);
    --vk-comp-datepicker-selected-color: var(--oev-comp-forms-datepicker-overlay-days-grid-selected-color);
    --vk-comp-datepicker-date-range-selected-color: var(--oev-comp-forms-datepicker-overlay-days-grid-selected-color);
    --vk-comp-datepicker-day-font-color-disabled: var(--oev-comp-forms-datepicker-overlay-days-grid-color-disabled);
    --vk-comp-datepicker-today-color: var(--oev-color-font-body-default);
    --vk-comp-datepicker-date-border-radius: 0;
    --vk-comp-datepicker-buttonbar-button-border-width: var(--vk-comp-button-border-width);
    --vk-comp-datepicker-dropdown-border-radius: var(--vk-comp-button-border-radius);
    --vk-comp-datepicker-dropdown-border-color: var(--vk-comp-button-border-color-primary);
    --vk-comp-datepicker-dropdown-hover-border-color: var(--vk-comp-button-border-color-primary-hover);
    --vk-comp-datepicker-dropdown-active-border-color: var(--vk-comp-button-border-color-primary-active);
    --vk-comp-datepicker-dropdown-background: var(--vk-comp-button-background-color-primary);
    --vk-comp-datepicker-dropdown-hover-background: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-datepicker-dropdown-active-background: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-datepicker-dropdown-color: var(--vk-comp-button-color-primary);
    --vk-comp-datepicker-dropdown-hover-color: var(--vk-comp-button-color-primary);
    --vk-comp-datepicker-dropdown-active-color: var(--vk-comp-button-color-primary);
    --vk-comp-datepicker-input-icon-color: var(--oev-color-primary-default);
    --vk-comp-datepicker-button-text-color-primary: var(--oev-color-primary-default);
  }
  [class*=theme-] {
    --vk-comp-input-font-style: var(--oev-font-style-body);
    --vk-comp-input-color: var(--oev-comp-forms-input-text-color-default);
    --vk-comp-input-color-hover: var(--oev-comp-forms-input-text-color-hover);
    --vk-comp-input-color-disabled: var(--oev-comp-forms-input-text-color-disabled);
    --vk-comp-input-placeholder-color: var(--oev-comp-forms-input-text-color-placeholder);
    --vk-comp-input-placeholder-font-style: var(--oev-comp-forms-input-text-placeholder-font-style);
    --vk-comp-input-border-width: var(--oev-comp-forms-input-text-border-width-default);
    --vk-comp-input-border-width-focus: var(--oev-comp-forms-input-text-border-width-focus);
    --vk-comp-input-border-width-hover: var(--oev-comp-forms-input-text-border-width-hover);
    --vk-comp-input-border-width-disabled: var(--oev-comp-forms-input-text-border-width-disabled);
    --vk-comp-input-border-width-error: var(--oev-comp-forms-input-text-border-width-error);
    --vk-comp-input-border-color: var(--oev-comp-forms-input-text-border-color-default);
    --vk-comp-input-border-color-focus: var(--oev-comp-forms-input-text-border-color-focus);
    --vk-comp-input-border-color-hover: var(--oev-comp-forms-input-text-border-color-hover);
    --vk-comp-input-border-color-hover-focus: var(--oev-comp-forms-input-text-border-color-hover);
    --vk-comp-input-border-color-disabled: var(--oev-comp-forms-input-text-border-color-disabled);
    --vk-comp-input-border-color-error: var(--oev-comp-forms-input-text-border-color-error);
    --vk-comp-input-border-color-error-focus: var(--vk-comp-input-border-color-error);
    --vk-comp-input-border-color-error-hover: var(--vk-comp-input-border-color-error);
    --vk-comp-input-border-color-error-hover-focus: var(--vk-comp-input-border-color-error);
    --vk-comp-input-border: var(--vk-comp-input-border-width) solid var(--vk-comp-input-border-color);
    --vk-comp-input-border-hover: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-hover);
    --vk-comp-input-border-focus: calc(var(--vk-comp-input-border-width-focus) / 2) solid var(--vk-comp-input-border-color-focus);
    --vk-comp-input-border-hover-focus: calc(var(--vk-comp-input-border-width-focus) / 2) solid var(--vk-comp-input-border-color-hover-focus);
    --vk-comp-input-border-disabled: var(--vk-comp-input-border-width-disabled) solid var(--vk-comp-input-border-color-disabled);
    --vk-comp-input-border-error: var(--vk-comp-input-border-width-error) solid var(--vk-comp-input-border-color-error);
    --vk-comp-input-border-error-focus: calc(var(--vk-comp-input-border-width-focus) / 2) solid var(--vk-comp-input-border-color-error-focus);
    --vk-comp-input-border-error-hover: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-error-hover);
    --vk-comp-input-border-error-hover-focus: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-error-hover);
    --vk-comp-input-box-shadow-hover: inset 0 0 0 calc(var(--vk-comp-input-border-width-hover) / 2) var(--vk-comp-input-border-color-hover);
    --vk-comp-input-box-shadow-focus: inset 0 0 0 calc(var(--vk-comp-input-border-width-focus) / 2) var(--vk-comp-input-border-color-focus);
    --vk-comp-input-box-shadow-hover-focus: inset 0 0 0 calc(var(--vk-comp-input-border-width-hover) / 2) var(--vk-comp-input-border-color-hover);
    --vk-comp-input-box-shadow-error-focus: inset 0 0 0 calc(var(--vk-comp-input-border-width-focus) / 2) var(--vk-comp-input-border-color-error-focus);
    --vk-comp-input-box-shadow-error-hover: inset 0 0 0 calc(var(--vk-comp-input-border-width-hover) / 2) var(--vk-comp-input-border-color-error-hover);
    --vk-comp-input-box-shadow-error-hover-focus: inset 0 0 0 calc(var(--vk-comp-input-border-width-hover) / 2) var(--vk-comp-input-border-color-error-hover);
    --vk-comp-input-border-radius: var(--oev-comp-forms-input-text-border-radius);
    --vk-comp-input-text-spacing-left: var(--oev-comp-forms-input-text-spacing-left-default);
    --vk-comp-input-text-spacing-left-focus: var(--oev-comp-forms-input-text-spacing-left-focus);
    --vk-comp-input-text-spacing-left-hover: var(--oev-comp-forms-input-text-spacing-left-hover);
    --vk-comp-input-background-color: var(--oev-color-white-default);
    --vk-comp-input-background-color-hover: var(--oev-color-white-default);
    --vk-comp-input-label-color: var(--oev-comp-forms-input-text-label-color);
    --vk-comp-input-label-font-style: var(--oev-comp-forms-input-text-label-font-style);
    --vk-comp-input-label-spacing-bottom: var(--oev-comp-forms-input-text-label-spacing-bottom);
    --vk-comp-input-float-label-color: var(--oev-comp-forms-input-text-float-label-color-default);
    --vk-comp-input-float-label-color-error: var(--oev-comp-forms-input-text-float-label-color-error);
    --vk-comp-input-float-label-font-style: var(--oev-comp-forms-input-text-float-label-font-style);
    --vk-comp-input-help-text-color: var(--oev-color-font-body-default);
    --vk-comp-input-error-text-color: var(--oev-comp-forms-input-text-help-text-color-error);
    --vk-comp-input-error-text-font-style: var(--oev-comp-forms-input-text-help-text-font-style-error);
    --vk-comp-input-error-text-spacing-top: var(--oev-comp-forms-input-text-help-text-spacing-top);
    --vk-comp-input-error-text-spacing-left-right: var(--vk-spacing-16);
  }
  [class*=theme-] {
    --vk-comp-multiselect-background-color: var(--oev-comp-forms-dropdown-background-color-default);
    --vk-comp-multiselect-text-color: var(--oev-comp-forms-input-text-color-default);
    --vk-comp-multiselect-border-width: var(--oev-comp-forms-dropdown-border-width-default);
    --vk-comp-multiselect-border-radius: var(--oev-ref-radius-m);
    --vk-comp-multiselect-border-color: var(--oev-comp-forms-dropdown-border-color-default);
    --vk-comp-multiselect-border-color-focus: var(--oev-comp-forms-dropdown-border-color-default);
    --vk-comp-multiselect-border-color-hover: var(--oev-comp-forms-dropdown-border-color-hover);
    --vk-comp-multiselect-boxshadow-hover: 0 0 0 var(--vk-comp-multiselect-border-width) var(--vk-comp-multiselect-border-color-hover);
    --vk-comp-multiselect-header-icon-color: var(--oev-color-gray-800);
    --vk-comp-multiselect-spacing-m: var(--vk-spacing-16);
    --vk-comp-multiselect-spacing-s: var(--vk-spacing-12);
    --vk-comp-multiselect-spacing-xs: var(--vk-spacing-08);
    --vk-comp-multiselect-spacing-xxs: var(--vk-spacing-04);
    --vk-comp-multiselect-dropdown-selected-background-color: var(--oev-comp-forms-dropdown-menu-background-color-hover);
    --vk-comp-multiselect-dropdown-selected-text-color: var(--oev-color-font-body-default);
    --vk-comp-multiselect-dropdown-icon-font-weight: var(--oev-font-weight-bold);
    --vk-comp-multiselect-dropdown-text-color: var(--oev-color-gray-900);
    --vk-comp-multiselect-dropdown-text-color-disabled: var(--oev-color-font-body-disabled);
    --vk-comp-multiselect-dropdown-border-color-focus: var(--oev-color-primary-focus);
    --vk-comp-multiselect-menu-items-background-color-hover: var(--vk-comp-select-forms-menu-background-color-active);
    --vk-comp-multiselect-error-color: var(--oev-color-action-error);
  }
  [class*=theme-] {
    --vk-comp-password-meter-strong-background-color: var(--primeng-color-success-default);
    --vk-comp-password-meter-medium-background-color: var(--primeng-color-warning-default);
    --vk-comp-password-meter-weak-background-color: var(--oev-color-action-error);
  }
  [class*=theme-] {
    --vk-comp-radiobutton-background-color: var(--oev-color-white-default);
    --vk-comp-radiobutton-option-font-style: var(--oev-comp-forms-radio-button-option-label-font-style);
    --vk-comp-radiobutton-option-font-color: var(--oev-comp-forms-radio-button-option-label-font-style);
    --vk-comp-radiobutton-border-color-active: var(--oev-comp-forms-radio-button-color-bullet-outline-active);
    --vk-comp-radiobutton-border-color-disabled: var(--oev-comp-forms-radio-button-color-bullet-outline-disabled);
    --vk-comp-radiobutton-border-color-error: var(--oev-comp-forms-radio-button-color-bullet-outline-error);
    --vk-comp-radiobutton-border-color-focus: var(--oev-comp-forms-radio-button-color-bullet-outline-focus);
    --vk-comp-radiobutton-border-color-hover: var(--oev-comp-forms-radio-button-color-bullet-outline-hover);
    --vk-comp-radiobutton-border-color: var(--oev-comp-forms-radio-button-color-bullet-outline-default);
    --vk-comp-radiobutton-selected-border-color-active: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-active);
    --vk-comp-radiobutton-selected-border-color-disabled: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-disabled);
    --vk-comp-radiobutton-selected-border-color-error: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-error);
    --vk-comp-radiobutton-selected-border-color-focus: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-focus);
    --vk-comp-radiobutton-selected-border-color-hover: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-hover);
    --vk-comp-radiobutton-selected-border-color: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-default);
    --vk-comp-radiobutton-selected-inner-color-active: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-active);
    --vk-comp-radiobutton-selected-inner-color-disabled: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-disabled);
    --vk-comp-radiobutton-selected-inner-color-error: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-error);
    --vk-comp-radiobutton-selected-inner-color-focus: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-focus);
    --vk-comp-radiobutton-selected-inner-color-hover: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-hover);
    --vk-comp-radiobutton-selected-inner-color: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-default);
    --vk-comp-radiobutton-border-color-error-hover: var(--oev-comp-forms-radio-button-error-text-color);
    --vk-comp-radiobutton-error-text-color: var(--oev-comp-forms-radio-button-error-text-color);
    --vk-comp-radiobutton-icon-background-color: var(--oev-comp-forms-radio-button-selected-color-inner-bullet-default);
    --vk-comp-radiobutton-icon-background-color-disabled: var(--oev-comp-forms-radio-button-selected-color-inner-bullet-disabled);
    --vk-comp-radiobutton-spacing-s: var(--vk-spacing-12);
  }
  [class*=theme-] {
    --vk-comp-select-spacing-s: var(--vk-spacing-12);
    --vk-comp-select-spacing-m: var(--vk-spacing-16);
    --vk-comp-select-border-color: var(--oev-comp-forms-dropdown-border-color-default);
    --vk-comp-select-border-color-disabled: var(--oev-comp-forms-dropdown-border-color-disabled);
    --vk-comp-select-border-color-error: var(--oev-comp-forms-dropdown-border-color-error);
    --vk-comp-select-border-color-focus: var(--oev-comp-forms-dropdown-border-color-focus);
    --vk-comp-select-border-color-hover: var(--oev-comp-forms-dropdown-border-color-hover);
    --vk-comp-select-border-color-hover-focus: var(--oev-comp-forms-dropdown-border-color-hover);
    --vk-comp-select-boxshadow-width: var(--oev-comp-forms-dropdown-border-width-default);
    --vk-comp-select-border-width-disabled: var(--oev-comp-forms-dropdown-border-width-disabled);
    --vk-comp-select-border-width-error: var(--oev-comp-forms-dropdown-border-width-error);
    --vk-comp-select-border-radius: var(--oev-comp-forms-dropdown-border-radius);
    --vk-comp-select-boxshadow-hover: 0 0 0 var(--vk-comp-select-boxshadow-width) var(--vk-comp-select-border-color-hover);
    --vk-comp-select-boxshadow-focus: 0 0 0 var(--vk-comp-select-boxshadow-width) var(--vk-comp-select-border-color-focus);
    --vk-comp-select-boxshadow-hover-focus: 0 0 0 var(--vk-comp-select-boxshadow-width) var(--vk-comp-select-border-color-hover-focus);
    --vk-comp-select-forms-spacing-top: var(--vk-spacing-04);
    --vk-comp-select-forms-background-color: var(--oev-comp-forms-dropdown-background-color-default);
    --vk-comp-select-icon-color: var(--oev-comp-forms-dropdown-icon-color-default);
    --vk-comp-select-icon-color-disabled: var(--oev-comp-forms-dropdown-icon-color-disabled);
    --vk-comp-select-icon-color-error: var(--oev-comp-forms-dropdown-icon-color-error);
    --vk-comp-select-panel-border-radius: var(--oev-ref-radius-s);
    --vk-comp-select-forms-menu-background-color-active: var(--oev-comp-forms-dropdown-menu-background-color-hover);
    --vk-comp-select-forms-menu-background-color-active-focus: var(--oev-comp-forms-dropdown-menu-background-color-hover);
    --vk-comp-select-forms-menu-background-color-active-focus-hover: var(--oev-comp-forms-dropdown-menu-background-color-hover);
    --vk-comp-select-menu-items-font-style-active: var(--oev-font-style-body);
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-link);
    --vk-comp-select-menu-items-font-color: var(--oev-color-font-body-default);
    --vk-comp-select-menu-items-font-color-focus: var(--oev-color-gray-900);
    --vk-comp-select-menu-items-font-color-hover: var(--oev-color-primary-default);
    --vk-comp-select-menu-items-background-color-hover: var(--vk-comp-select-forms-menu-background-color-active);
    --vk-comp-select-menu-items-font-color-active: var(--oev-color-primary-default);
    --vk-comp-select-menu-group-label-font-style: var(--oev-font-style-link);
    --vk-comp-select-font-style: var(--oev-font-style-body);
    --vk-comp-select-placeholder-font-color: var(--oev-comp-forms-dropdown-placeholder-color-default);
    --vk-comp-select-font-color-disabled: var(--oev-color-font-body-disabled);
  }
  [class*=theme-] {
    --vk-comp-selectbutton-spacing: 0.125rem;
    --vk-comp-selectbutton-font-size: 1rem;
    --vk-comp-selectbutton-spacing-lg: 0.375rem;
    --vk-comp-selectbutton-font-size-lg: 1rem;
    --vk-comp-selectbutton-spacing-sm: 0;
    --vk-comp-selectbutton-font-size-sm: 0.875rem;
    --vk-comp-selectbutton-background-color: var(--oev-color-background-01);
    --vk-comp-selectbutton-background-color-active: var(--oev-color-primary-default);
    --vk-comp-selectbutton-background-color-hover: var(--oev-color-primary-hover);
    --vk-comp-selectbutton-background-color-active-hover: var(--oev-color-primary-hover);
    --vk-comp-selectbutton-background-color-disabled: var(--oev-color-background-01);
    --vk-comp-selectbutton-content-background-active: var(--oev-color-primary-default);
    --vk-comp-selectbutton-border-width: var(--vk-size-02);
    --vk-comp-selectbutton-border-radius: var(--oev-ref-radius-s);
    --vk-comp-selectbutton-border-color: var(--oev-color-primary-default);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-primary-default);
    --vk-comp-selectbutton-border-color-disabled: var(--oev-color-primary-100);
    --vk-comp-selectbutton-border-color-invalid: var(--oev-color-action-error);
    --vk-comp-selectbutton-text-color: var(--oev-color-primary-default);
    --vk-comp-selectbutton-text-color-active: var(--oev-color-action-white);
    --vk-comp-selectbutton-text-color-active-hover: var(--oev-color-action-white);
    --vk-comp-selectbutton-text-color-disabled: var(--oev-color-gray-600);
    --vk-comp-selectbutton-text-color-hover: var(--oev-color-action-white);
    --vk-comp-selectbutton-text-weight: var(--oev-font-weight-bold);
    --vk-comp-selectbutton-togglebutton-border-radius: var(--oev-ref-radius-s);
    --vk-comp-selectbutton-togglebutton-content-border-radius: 0;
    --vk-comp-selectbutton-focus-ring-color: var(--oev-color-action-focus-on-light);
  }
  [class*=theme-] {
    --vk-comp-textarea-font: var(--oev-font-style-body);
    --vk-comp-textarea-placeholder-color: var(--oev-comp-forms-text-area-placeholder-color-default);
    --vk-comp-textarea-placeholder-font-style: var(--oev-comp-forms-text-area-placeholder-font-style);
    --vk-comp-textarea-placeholder-color-focus: var(--oev-color-transparent);
    --vk-comp-input-outline-width-focus: var(--vk-comp-input-border-width-focus);
  }
  [class*=theme-] {
    --vk-comp-toggleswitch-background-color: var(--oev-color-gray-400);
    --vk-comp-toggleswitch-background-color-checked: var(--oev-color-primary-default);
    --vk-comp-toggleswitch-background-color-hover: var(--oev-color-gray-hover);
    --vk-comp-toggleswitch-background-color-checked-hover: var(--oev-color-primary-hover);
    --vk-comp-toggleswitch-background-color-disabled: var(--oev-color-gray-200);
    --vk-comp-toggleswitch-background-color-checked-disabled: var(--oev-color-gray-200);
    --vk-comp-toggleswitch-background-color-checked-error: var(--oev-color-primary-default);
    --vk-comp-toggleswitch-border-color: var(--oev-color-gray-400);
    --vk-comp-toggleswitch-border-color-hover: var(--oev-color-gray-hover);
    --vk-comp-toggleswitch-border-color-disabled: var(--oev-color-gray-600);
    --vk-comp-toggleswitch-border-color-checked-disabled: var(--oev-color-gray-600);
    --vk-comp-toggleswitch-border-color-error: var(--oev-color-action-error);
    --vk-comp-toggleswitch-border-radius: var(--oev-ref-radius-l);
    --vk-comp-toggleswitch-box-shadow-color-checked-error: var(--oev-color-secondary-focus);
    --vk-comp-toggleswitch-box-shadow-color-focus: var(--oev-color-gray-focus);
    --vk-comp-toggleswitch-box-shadow-color: var(--oev-color-primary-400);
    --vk-comp-toggleswitch-handle-color: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-checked: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-hover: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-checked-hover: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-disabled: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-checked-disabled: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-error: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-color-checked-error: var(--oev-color-action-white);
    --vk-comp-toggleswitch-handle-icon-size: var(--vk-size-10);
    --vk-comp-toggleswitch-handle-icon-color: var(--oev-color-action-black);
    --vk-comp-toggleswitch-handle-icon-checked-color: var(--oev-color-action-success);
    --vk-comp-toggleswitch-handle-icon-checked-disabled-color: var(--oev-color-gray-600);
    --vk-comp-toggleswitch-spacing-l: var(--vk-spacing-24);
    --vk-comp-toggleswitch-spacing-xxs: var(--vk-spacing-04);
    --vk-comp-toggleswitch-toggle-size: var(--vk-size-16);
    --vk-comp-toggleswitch-width: var(--vk-size-40);
  }
  [class*=theme-] {
    --vk-comp-carousel-prev-next-icon-color: var(--oev-color-secondary-default);
    --vk-comp-carousel-prev-next-icon-color-hover: var(--oev-color-secondary-default);
    --vk-comp-carousel-prev-next-icon-color-disabled: var(--oev-color-gray-disabled);
    --vk-comp-carousel-prev-next-border-width: var(--vk-size-02);
    --vk-comp-carousel-prev-next-border-color-focus: var(--oev-color-primary-focus);
    --vk-comp-carousel-spacing-m: var(--vk-spacing-16);
    --vk-comp-carousel-spacing-xs: var(--vk-spacing-08);
    --vk-comp-carousel-indicator-width: 28px;
    --vk-comp-carousel-indicator-height: var(--vk-size-06);
    --vk-comp-carousel-indicator-color: var(--oev-color-background-02);
    --vk-comp-carousel-indicator-color-hover: var(--oev-color-gray-hover);
    --vk-comp-carousel-indicator-color-active: var(--oev-color-primary-default);
    --vk-comp-carousel-indicator-color-focus: var(--oev-color-primary-focus);
    --vk-comp-carousel-indicator-width-focus: 1px;
    --vk-comp-carousel-indicator-border: 0 none;
    --vk-comp-carousel-indicator-border-hover: 0 none;
    --vk-comp-carousel-indicator-border-radius: var(--vk-size-06);
  }
  [class*=theme-] {
    --vk-comp-breadcrumb-background-color: white;
    --vk-comp-breadcrumb-border-color: var(--oev-color-secondary-100);
    --vk-comp-breadcrumb-border-width: 1px;
    --vk-comp-breadcrumb-border-radius: var(--oev-ref-radius-m);
    --vk-comp-breadcrumb-item-spacing-left-right: var(--vk-spacing-08);
    --vk-comp-breadcrumb-item-spacing-top-bottom: var(--vk-spacing-16);
    --vk-comp-breadcrumb-separator-spacing-left-right: var(--vk-spacing-04);
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-primary-default);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-primary-default);
    --vk-comp-breadcrumb-home-icon-size: var(--oev-font-size-link);
    --vk-comp-breadcrumb-item-font-style: var(--oev-font-style-link);
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-primary-default);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-color-primary-hover);
    --vk-comp-breadcrumb-item-text-color-focus: var(--oev-color-primary-default);
    --vk-comp-breadcrumb-item-border-color-focus: var(--oev-color-action-focus-on-light);
    --vk-comp-breadcrumb-item-border-width-focus: 2px;
    --vk-comp-breadcrumb-item-text-decoration: none;
    --vk-comp-breadcrumb-item-text-decoration-hover: none;
    --vk-comp-breadcrumb-borderless-padding-focus: var(--vk-spacing-08);
  }
  [class*=theme-] {
    --vk-comp-menubar-padding-xxs: var(--vk-spacing-04);
    --vk-comp-menubar-border-radius: var(--oev-ref-radius-m);
    --vk-comp-menubar-border-color: var(--oev-color-secondary-100);
    --vk-comp-menubar-background-color: var(--oev-color-background-17);
    --vk-comp-menubar-submenu-spacing-top-bottom: var(--vk-spacing-04);
    --vk-comp-menubar-item-text-font-style: var(--oev-font-style-link);
    --vk-comp-menubar-item-icon-color: var(--oev-color-primary-default);
    --vk-comp-menubar-item-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-menubar-item-text-color: var(--oev-color-primary-default);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-primary-hover);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-primary-active);
    --vk-comp-menubar-item-gap: var(--vk-spacing-08);
    --vk-comp-menubar-item-padding-m: var(--vk-spacing-16);
    --vk-comp-menubar-item-padding-s: var(--vk-spacing-12);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-background-02);
    --vk-comp-menubar-item-background-color: var(--oev-color-action-white);
    --vk-comp-menubar-item-background-color-hover: var(--oev-color-background-01);
    --vk-comp-menubar-item-content-radius: var(--vk-comp-menubar-border-radius);
  }
  [class*=theme-] {
    --vk-comp-message-font-style-summary: var(--oev-font-style-link);
    --vk-comp-message-font-style-detail: var(--oev-font-style-body);
    --vk-comp-message-font-color: var(--oev-color-font-body-default);
    --vk-comp-message-spacing-default: var(--vk-spacing-16);
    --vk-comp-message-spacing-s: var(--vk-spacing-12);
    --vk-comp-message-spacing-xs: var(--vk-spacing-08);
    --vk-comp-message-spacing-xxxs: var(--vk-spacing-02);
    --vk-comp-message-icon-color-close: var(--oev-color-font-body-default);
    --vk-comp-message-icon-color-close-inverted: var(--oev-color-font-body-inverted);
    --vk-comp-message-icon-size-m: var(--vk-size-16);
    --vk-comp-message-icon-size-l: var(--vk-size-24);
    --vk-comp-message-border-radius: var(--oev-ref-radius-m);
    --vk-comp-message-border-width: var(--oev-ref-size-02);
    --vk-comp-message-text-color-error: var(--oev-color-font-body-default);
    --vk-comp-message-text-color-info: var(--oev-color-font-body-default);
    --vk-comp-message-text-color-success: var(--oev-color-font-body-default);
    --vk-comp-message-text-color-warning: var(--oev-color-font-body-default);
    --vk-comp-message-text-color-primary: var(--oev-color-font-body-default);
    --vk-comp-message-text-color-secondary: var(--oev-color-font-body-default);
    --vk-comp-message-background-color-error: var(--primeng-color-danger-light);
    --vk-comp-message-background-color-info: var(--primeng-color-info-light);
    --vk-comp-message-background-color-success: var(--primeng-color-success-light);
    --vk-comp-message-background-color-warning: var(--primeng-color-warning-light);
    --vk-comp-message-background-color-primary: var(--oev-color-primary-100);
    --vk-comp-message-background-color-secondary: var(--oev-color-secondary-50);
    --vk-comp-message-icon-color-error: var(--oev-color-action-error);
    --vk-comp-message-icon-color-info: var(--primeng-color-info-hover);
    --vk-comp-message-icon-color-success: var(--oev-color-action-success);
    --vk-comp-message-icon-color-warning: var(--primeng-color-warning-default);
    --vk-comp-message-icon-color-primary: var(--oev-color-primary-default);
    --vk-comp-message-icon-color-secondary: var(--oev-color-secondary-default);
  }
  [class*=theme-] {
    --vk-comp-toast-message-font-style-summary: var(--oev-font-style-link);
    --vk-comp-toast-message-font-style-detail: var(--oev-font-style-body);
    --vk-comp-toast-message-font-color-primary: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-secondary: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-success: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-info: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-warning: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-error: var(--oev-color-font-body-default);
    --vk-comp-toast-message-spacing-default: var(--vk-spacing-16);
    --vk-comp-toast-message-spacing-xs: var(--vk-spacing-08);
    --vk-comp-toast-message-spacing-xxs: var(--vk-spacing-04);
    --vk-comp-toast-message-icon-size-close: var(--vk-size-16);
    --vk-comp-toast-message-icon-color-close: var(--oev-color-font-body-default);
    --vk-comp-toast-message-icon-size: var(--vk-size-24);
    --vk-comp-toast-message-border-radius: var(--oev-ref-radius-m);
    --vk-comp-toast-message-background-color-error: var(--primeng-color-danger-light);
    --vk-comp-toast-message-background-color-info: var(--primeng-color-info-light);
    --vk-comp-toast-message-background-color-success: var(--primeng-color-success-light);
    --vk-comp-toast-message-background-color-warning: var(--primeng-color-warning-light);
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-100);
    --vk-comp-toast-message-background-color-secondary: var(--oev-color-secondary-50);
    --vk-comp-toast-message-icon-color-error: var(--oev-color-action-error);
    --vk-comp-toast-message-icon-color-info: var(--primeng-color-info-hover);
    --vk-comp-toast-message-icon-color-success: var(--oev-color-action-success);
    --vk-comp-toast-message-icon-color-warning: var(--primeng-color-warning-default);
    --vk-comp-toast-message-icon-color-primary: var(--oev-color-primary-default);
    --vk-comp-toast-message-icon-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-toast-icon-color-info: var(--primeng-color-info-hover);
    --vk-comp-toast-message-info-border-left-width: var(--vk-size-08);
    --vk-comp-toast-message-info-border-width: var(--vk-size-02);
    --vk-comp-toast-message-info-border-color: var(--primeng-color-info-hover);
  }
  [class*=theme-] {
    --vk-comp-avatar-background-color: var(--oev-color-gray-100);
    --vk-comp-avatar-group-additional-background-color: var(--oev-color-primary-default);
    --vk-comp-avatar-badge-background-color: var(--oev-color-action-error);
    --vk-comp-avatar-border-radius: var(--oev-ref-radius-m);
    --vk-comp-avatar-text-color: var(--oev-color-font-body-inverted);
    --vk-comp-avatar-font-line-height-m: var(--vk-size-24);
    --vk-comp-avatar-font-size: var(--oev-font-size-body);
    --vk-comp-avatar-font-size-l: var(--oev-font-size-l);
    --vk-comp-avatar-font-size-xl: var(--oev-font-size-xl-1);
  }
  [class*=theme-] {
    --vk-comp-badge-background-color: var(--oev-color-action-white);
    --vk-comp-badge-background-color-success: var(--primeng-color-success-default);
    --vk-comp-badge-background-color-info: var(--oev-color-action-info);
    --vk-comp-badge-background-color-warning: var(--primeng-color-warning-default);
    --vk-comp-badge-background-color-danger: var(--oev-color-action-error);
    --vk-comp-badge-font-color: var(--oev-color-action-black);
    --vk-comp-badge-font-color-success: var(--oev-color-action-black);
    --vk-comp-badge-font-color-info: var(--oev-color-action-black);
    --vk-comp-badge-font-color-warning: var(--oev-color-action-black);
    --vk-comp-badge-font-color-danger: var(--oev-color-action-white);
    --vk-comp-badge-font: var(--oev-font-family-caption);
    --vk-comp-badge-size-s: var(--vk-size-08);
    --vk-comp-badge-font-size: var(--vk-size-12);
    --vk-comp-badge-size: var(--vk-size-20);
    --vk-comp-badge-font-size-l: var(--vk-size-16);
    --vk-comp-badge-size-l: var(--vk-size-32);
    --vk-comp-badge-font-size-xl: var(--vk-size-20);
    --vk-comp-badge-size-xl: var(--vk-size-48);
  }
  [class*=theme-] {
    --vk-comp-chip-background-color: var(--oev-color-gray-100);
    --vk-comp-chip-background-color-disabled: var(--oev-color-gray-50);
    --vk-comp-chip-border-radius: var(--oev-ref-radius-m);
    --vk-comp-chip-color: var(--oev-color-primary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-primary-disabled);
    --vk-comp-chip-remove-icon-color: var(--vk-comp-chip-color);
    --vk-comp-chip-remove-icon-color-disabled: var(--vk-comp-chip-color-disabled);
    --vk-comp-chip-padding-xs: var(--vk-spacing-08);
    --vk-comp-chip-padding-s: var(--vk-spacing-12);
    --vk-comp-chip-font-weight: var(--oev-font-weight-medium);
    --vk-comp-chip-font-style: var(--oev-font-style-body);
  }
  [class*=theme-] {
    --vk-comp-progressbar-label-color: var(--oev-color-action-white);
    --vk-comp-progressbar-background-color: var(--oev-color-primary-50);
    --vk-comp-progressbar-value-background-color: var(--oev-color-primary-default);
    --vk-comp-progressbar-border-radius: var(--oev-ref-radius-m);
    --vk-comp-progressbar-font: var(--oev-font-style-body-small);
    --vk-comp-progressbar-height: var(--vk-size-20);
    --vk-comp-progressbar-height-small: var(--vk-size-04);
  }
  [class*=theme-] {
    --vk-comp-progressspinner-color: var(--oev-color-primary-default);
    --vk-comp-progressspinner-fill: var(--oev-color-primary-50);
    --vk-comp-progressspinner-size: var(--vk-size-64);
    --vk-comp-progressspinner-size-small: var(--vk-size-40);
    --vk-comp-progressspinner-stroke-width-small: var(--vk-size-08);
  }
  [class*=theme-] {
    --vk-comp-tag-font: var(--oev-font-style-body);
    --vk-comp-tag-border-radius: var(--vk-size-04);
    --vk-comp-tag-padding-xxs: var(--vk-spacing-04);
    --vk-comp-tag-padding-s: var(--vk-spacing-12);
    --vk-comp-tag-margin-xxs: var(--vk-spacing-04);
    --vk-comp-tag-color-primary: var(--oev-color-action-white);
    --vk-comp-tag-color-success: var(--oev-color-gray-900);
    --vk-comp-tag-color-info: var(--oev-color-gray-900);
    --vk-comp-tag-color-warning: var(--oev-color-gray-900);
    --vk-comp-tag-color-danger: var(--oev-color-action-white);
    --vk-comp-tag-background-color: var(--oev-color-primary-default);
    --vk-comp-tag-background-color-success: var(--primeng-color-success-default);
    --vk-comp-tag-background-color-info: var(--primeng-color-info-default);
    --vk-comp-tag-background-color-warning: var(--primeng-color-warning-default);
    --vk-comp-tag-background-color-danger: var(--primeng-color-danger-default);
    --vk-comp-tag-border-radius-rund: var(--vk-size-32);
    --vk-comp-tag-icon-font-size: var(--vk-size-12);
    --vk-comp-tag-icon-padding: var(--vk-spacing-02);
  }
  [class*=theme-] {
    --vk-comp-dialog-border-radius: var(--oev-ref-radius-l);
    --vk-comp-dialog-header-padding: var(--oev-sys-spacing-l);
    --vk-comp-dialog-content-padding: 0 var(--oev-sys-spacing-l) var(--oev-sys-spacing-l) var(--oev-sys-spacing-l);
    --vk-comp-dialog-shadow: var(--oev-sys-elevation-level-3);
    --vk-comp-dialog-close-icon-color: var(--oev-color-font-body-default);
  }
  [class*=theme-] {
    --vk-comp-overlaypanel-content-background-color: var(--primeng-color-info-default);
    --vk-comp-overlaypanel-content-padding: var(--vk-spacing-16);
    --vk-comp-overlaypanel-content-border-radius: var(--oev-ref-radius-m);
    --vk-comp-overlaypanel-font-color: var(--oev-color-font-body-default);
    --vk-comp-overlaypanel-postion-top: var(--vk-size-16);
    --vk-comp-overlaypanel-postion-right: var(--vk-size-16);
    --vk-comp-overlaypanel-close-font-color: var(--oev-color-action-black);
    --vk-comp-overlaypanel-close-padding-top: var(--vk-spacing-48);
  }
  [class*=theme-] {
    --vk-comp-popover-content-background-color: var(--primeng-color-info-default);
    --vk-comp-popover-content-padding: var(--vk-spacing-16);
    --vk-comp-popover-content-border-radius: var(--oev-ref-radius-m);
    --vk-comp-popover-font-color: var(--oev-color-font-body-default);
    --vk-comp-popover-close-padding-top: var(--vk-spacing-48);
  }
  [class*=theme-] {
    --vk-comp-tooltip-font-color: var(--oev-color-font-body-default);
    --vk-comp-tooltip-content-background-color: var(--primeng-color-info-default);
    --vk-comp-tooltip-content-padding: var(--vk-spacing-16);
    --vk-comp-tooltip-border-color: var(--oev-color-secondary-default);
    --vk-comp-tooltip-border-width: var(--vk-size-01);
    --vk-comp-tooltip-border-radius: var(--oev-ref-radius-m);
    --vk-comp-tooltip-arrow-border-width: var(--vk-spacing-12);
    --vk-comp-tooltip-arrow-margin: calc(-1 * var(--vk-spacing-12));
    --vk-comp-tooltip-padding: var(--vk-spacing-12);
  }
  [class*=theme-] {
    --vk-comp-accordion-header-color-active: var(--oev-comp-accordion-header-color-active);
    --vk-comp-accordion-header-font-weight-active: var(--oev-comp-accordion-header-font-weight-active);
    --vk-comp-accordion-header-icon-color-active: var(--oev-comp-accordion-header-icon-active);
    --vk-comp-accordion-header-background-color: var(--oev-comp-accordion-header-color-background-default);
    --vk-comp-accordion-header-background-color-hover: var(--oev-comp-accordion-header-color-background-default);
    --vk-comp-accordion-header-color: var(--oev-comp-accordion-header-color-default);
    --vk-comp-accordion-header-font-weight: var(--oev-comp-accordion-header-font-weight-default);
    --vk-comp-accordion-header-color-hover: var(--oev-comp-accordion-header-color-hover);
    --vk-comp-accordion-header-font-weight-hover: var(--oev-comp-accordion-header-font-weight-hover);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-comp-accordion-header-icon-hover);
    --vk-comp-accordion-header-custom-icon-color: var(--vk-comp-accordion-header-icon-color);
    --vk-comp-accordion-header-icon-color: var(--oev-comp-accordion-header-icon-default);
    --vk-comp-accordion-header-color-open: var(--oev-comp-accordion-header-color-open);
    --vk-comp-accordion-header-font-weight-open: var(--oev-comp-accordion-header-font-weight-open);
    --vk-comp-accordion-header-icon-color-open: var(--oev-comp-accordion-header-icon-open);
    --vk-comp-accordion-header-spacing: var(--vk-spacing-16);
    --vk-comp-accordion-header-icon-font-size: var(--oev-font-size-s);
    --vk-comp-accordion-header-line-height: var(--oev-comp-accordion-body-line-height);
    --vk-comp-accordion-content-background-color: var(--oev-comp-accordion-body-color-background);
    --vk-comp-accordion-content-color: var(--oev-comp-accordion-body-color-default);
    --vk-comp-accordion-content-font-size: var(--oev-comp-accordion-body-font-size);
    --vk-comp-accordion-content-font-style: var(--oev-comp-accordion-body-font-style);
    --vk-comp-accordion-content-font-weight: var(--oev-comp-accordion-body-font-weight);
    --vk-comp-accordion-content-line-height: var(--oev-comp-accordion-body-line-height);
    --vk-comp-accordion-content-spacing-top: var(--oev-comp-accordion-body-spacing-top);
    --vk-comp-accordion-content-spacing: var(--oev-comp-accordion-body-spacing);
    --vk-comp-accordion-divider-color: var(--oev-comp-accordion-divider-color);
    --vk-comp-accordion-divider-height: var(--oev-comp-accordion-divider-height);
    --vk-comp-accordion-top-border: none;
    --vk-comp-accordion-bottom-border: var(--vk-comp-accordion-divider-height) solid var(--vk-comp-accordion-divider-color);
  }
  [class*=theme-] {
    --vk-comp-card-font-color: var(--oev-color-font-body-default);
    --vk-comp-card-border: none;
    --vk-comp-card-border-radius: var(--oev-comp-card-border-radius);
    --vk-comp-card-shadow: var(--oev-comp-card-shadow);
    --vk-comp-card-background-color: var(--oev-comp-card-color-background-default);
    --vk-comp-card-header-background-color: var(--oev-color-background-01);
    --vk-comp-card-header-font-style: var(--oev-font-style-h3);
    --vk-comp-card-header-icon-font-size: var(--oev-font-size-h3);
    --vk-comp-card-header-color: var(--oev-color-secondary-default);
    --vk-comp-card-header-icon-color: var(--oev-color-secondary-default);
    --vk-comp-card-header-spacing: var(--oev-comp-card-content-outer-spacing);
    --vk-comp-card-header-title-font-style: var(--oev-comp-card-header-title-font-style);
    --vk-comp-card-header-title-icon-font-size: var(--oev-font-size-h3);
    --vk-comp-card-header-title-color: var(--oev-comp-card-header-title-font-color);
    --vk-comp-card-header-subtitle-font-style: var(--oev-comp-card-header-subtitle-font-style);
    --vk-comp-card-header-subtitle-icon-font-size: var(--oev-font-size-subtitle-1);
    --vk-comp-card-header-subtitle-color: var(--oev-comp-card-header-subtitle-font-color);
    --vk-comp-card-body-spacing: var(--oev-comp-card-content-outer-spacing);
    --vk-comp-card-body-gap: var(--oev-comp-card-content-top-section-gap-spacing);
    --vk-comp-card-hoverable-title-font-style: var(--oev-font-style-link);
    --vk-comp-card-hoverable-title-font-size: var(--oev-font-size-h6);
    --vk-comp-card-hoverable-title-color: var(--oev-color-font-link);
    --vk-comp-card-hoverable-shadow-hover: var(--oev-sys-elevation-level-3);
  }
  [class*=theme-] {
    --vk-comp-divider-color: var(--oev-comp-divider-color);
    --vk-comp-divider-height: var(--oev-comp-divider-height);
    --vk-comp-divider-spacing-bottom: var(--oev-comp-divider-spacing-bottom);
  }
  [class*=theme-] {
    --vk-comp-fieldset-header-font-style-expandable: var(--oev-font-style-link);
    --vk-comp-fieldset-header-font-style: var(--oev-font-style-body);
    --vk-comp-fieldset-header-spacing: var(--vk-spacing-16);
    --vk-comp-fieldset-background-color: var(--oev-color-action-white);
    --vk-comp-fieldset-header-background-color: var(--oev-color-action-white);
    --vk-comp-fieldset-header-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-color-active: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-color-default: var(--oev-color-font-body-default);
    --vk-comp-fieldset-header-background-color-hover: var(--oev-color-gray-50);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-border-width-hover: var(--vk-size-01);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-secondary-50);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-primary-active);
    --vk-comp-fieldset-header-border-width-active: var(--vk-size-01);
    --vk-comp-fieldset-header-icon-size: var(--vk-size-16);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-custom-03);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-custom-03);
    --vk-comp-fieldset-body-font-style: var(--oev-font-style-body);
    --vk-comp-fieldset-body-font-color: var(--oev-color-font-body-default);
    --vk-comp-fieldset-header-closed-font-color-hover: var(--oev-color-font-body-default);
    --vk-comp-fieldset-body-spacing: var(--vk-spacing-16);
    --vk-comp-fieldset-border-color: var(--oev-color-secondary-100);
    --vk-comp-fieldset-border-width: var(--vk-size-01);
    --vk-comp-fieldset-border-radius: var(--oev-ref-radius-m);
  }
  [class*=theme-] {
    --vk-comp-panel-header-font-style: var(--oev-font-style-link);
    --vk-comp-panel-header-spacing: var(--vk-spacing-16);
    --vk-comp-panel-header-background-color: var(--oev-color-action-white);
    --vk-comp-panel-header-background-color-hover: var(--vk-comp-panel-header-background-color);
    --vk-comp-panel-header-background-color-active: var(--oev-color-background-02);
    --vk-comp-panel-header-background-color-active-hover: var(--vk-comp-panel-header-background-color-active);
    --vk-comp-panel-header-color: var(--oev-color-secondary-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-panel-header-color-active: var(--oev-color-secondary-hover);
    --vk-comp-panel-header-icon-color: var(--oev-color-custom-03);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-custom-03);
    --vk-comp-panel-header-icon-size: var(--vk-size-16);
    --vk-comp-panel-body-font-style: var(--oev-font-style-body);
    --vk-comp-panel-body-font-color: var(--oev-color-font-body-default);
    --vk-comp-panel-body-spacing: var(--vk-spacing-16);
    --vk-comp-panel-border-color: var(--oev-color-secondary-100);
    --vk-comp-panel-border-width: var(--vk-size-01);
    --vk-comp-panel-border-radius: var(--oev-ref-radius-m);
  }
  [class*=theme-] {
    --vk-comp-stepper-separator-background: var(--oev-color-secondary-disabled);
    --vk-comp-stepper-separator-background-active: var(--oev-color-secondary-default);
    --vk-comp-stepper-separator-size: var(--vk-size-04);
    --vk-comp-stepper-padding: var(--vk-size-08);
    --vk-comp-stepper-step-gap: var(--vk-spacing-responsive-s);
    --vk-comp-stepper-step-header-gap: var(--vk-spacing-responsive-s);
    --vk-comp-stepper-step-title-active-color: var(--oev-color-secondary-default);
    --vk-comp-stepper-step-title-font-style: var(--oev-font-style-h6);
    --vk-comp-stepper-step-title-font-size: var(--oev-font-size-h6);
    --vk-comp-stepper-step-title-font-color: var(--oev-color-font-headline);
    --vk-comp-stepper-step-number-border-size: var(--vk-size-04);
    --vk-comp-stepper-step-number-border-color: var(--oev-color-secondary-disabled);
    --vk-comp-stepper-step-number-active-border-color: var(--oev-color-secondary-default);
    --vk-comp-stepper-step-number-color: var(--oev-color-secondary-default);
    --vk-comp-stepper-step-number-active-color: var(--oev-color-secondary-default);
    --vk-comp-stepper-step-number-size: var(--vk-size-48);
    --vk-comp-stepper-step-number-font-size: var(--oev-font-size-h6);
    --vk-comp-stepper-step-number-font-weight: var(--oev-font-weight-bold);
    --vk-comp-stepper-steppanels-padding: var(--vk-spacing-responsive-xs);
  }
  [class*=theme-] {
    --vk-comp-tabs-spacing: var(--vk-spacing-20);
    --vk-comp-tabs-icon-spacing: var(--vk-spacing-08);
    --vk-comp-tabs-font-style: var(--oev-font-style-link);
    --vk-comp-tabs-font-color: var(--oev-color-font-body-default);
    --vk-comp-tabs-font-color-hover: var(--oev-color-gray-hover);
    --vk-comp-tabs-font-color-active: var(--oev-color-primary-default);
    --vk-comp-tabs-border-color: var(--oev-color-gray-200);
    --vk-comp-tabs-border-color-active: var(--oev-color-primary-default);
    --vk-comp-tabs-border-color-hover: var(--oev-color-gray-hover);
    --vk-comp-tabs-border-color-focus: var(--oev-color-primary-focus);
    --vk-comp-tabs-border-radius-focus: var(--oev-ref-radius-m);
    --vk-comp-tabs-border-bottom-width: 2px;
    --vk-comp-tabs-tab-border-bottom-width: 6px;
    --vk-comp-tabs-tab-border-width-focus: 2px;
    --vk-comp-tabs-tab-arrow-width: 10px;
    --vk-comp-tabs-tab-arrow-height: 8px;
    --vk-comp-tabs-tabmenu-icon-color: var(--oev-color-font-subheadline);
    --vk-comp-tabs-tabmenu-icon-color-active: var(--oev-color-font-subheadline);
    --vk-comp-tabs-background-color: transparent;
    --vk-comp-tabs-tabmenu-background-color: transparent;
    --vk-comp-tabs-tab-background-hover: transparent;
  }
  .theme-aok {
    --vk-comp-button-border-radius: 0.25rem;
    --vk-comp-button-color-primary: #005E3F;
    --vk-comp-button-color-primary-hover: #005E3F;
    --vk-comp-button-background-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-border-color-primary-hover: #91F54A;
    --vk-comp-button-color-secondary: #005E3F;
    --vk-comp-button-color-secondary-hover: #005E3F;
    --vk-comp-button-background-color-secondary: var(--oev-color-action-white);
    --vk-comp-button-background-color-secondary-hover: #DFE3E6;
    --vk-comp-button-border-color-secondary: #AFB6BC;
    --vk-comp-button-border-color-secondary-hover: #AFB6BC;
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-help: var(--oev-color-action-white);
    --vk-comp-button-color-help-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
    --vk-comp-button-outlined-color-primary-hover: var(--vk-comp-button-color-primary-hover);
    --vk-comp-button-outlined-color-primary-active: var(--vk-comp-button-color-primary-hover);
    --vk-comp-button-outlined-background-color-primary-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-button-outlined-background-color-primary-focus: var(--oev-comp-button-primary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-primary: var(--vk-comp-button-background-color-primary);
    --vk-comp-button-outlined-border-color-primary-hover: var(--vk-comp-button-color-primary-hover);
    --vk-comp-button-outlined-border-color-primary-focus: var(--oev-comp-button-primary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-primary-active: var(--vk-comp-button-color-primary-hover);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--vk-comp-button-background-color-primary-disabled);
    --vk-comp-button-outlined-color-secondary: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-color-secondary-hover: var(--vk-comp-button-color-secondary-hover);
    --vk-comp-button-outlined-color-secondary-active: var(--vk-comp-button-color-secondary-active);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-color-gray-700);
    --vk-comp-button-outlined-background-color-secondary: var(--oev-comp-button-secondary-contained-background-color-default);
    --vk-comp-button-outlined-background-color-secondary-active: var(--oev-comp-button-secondary-contained-background-color-active);
    --vk-comp-button-outlined-background-color-secondary-disabled: var(--oev-color-gray-200);
    --vk-comp-button-outlined-background-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-outlined-background-color-secondary-focus: var(--oev-comp-button-secondary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-secondary: var(--vk-comp-button-border-color-secondary);
    --vk-comp-button-outlined-border-color-secondary-hover: var(--vk-comp-button-border-color-secondary-hover);
    --vk-comp-button-outlined-border-color-secondary-focus: var(--oev-comp-button-secondary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-secondary-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-button-text-color-primary: #005E3F;
    --vk-comp-button-text-color-primary-hover: #005E3F;
    --vk-comp-button-text-color-primary-active: var(--oev-color-gray-700);
    --vk-comp-button-text-color-secondary-active: var(--oev-color-gray-700);
    --vk-comp-button-text-background-color-primary-hover: #005E3F;
    --vk-comp-button-text-background-color-secondary: #AFB6BC;
    --vk-comp-button-text-background-color-secondary-hover: var(--oev-color-gray-default);
    --vk-comp-button-link-color-primary: #005E3F;
    --vk-comp-button-link-color-primary-hover: #18ab42;
    --vk-comp-button-link-color-secondary: var(--oev-color-font-body-default);
    --vk-comp-button-link-color-secondary-hover: #005E3F;
  }
  .theme-aok {
    --vk-comp-orderlist-controls-text-color: var(--vk-comp-button-color-primary);
    --vk-comp-orderlist-controls-text-color-hover: var(--vk-comp-button-color-primary);
    --vk-comp-orderlist-controls-button-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-orderlist-controls-button-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-orderlist-controls-button-border-color-hover: var(--vk-comp-button-border-color-primary-hover);
    --vk-comp-orderlist-controls-button-color-focus: var(--oev-color-action-focus-on-light);
  }
  .theme-aok {
    --vk-comp-table-paginator-color-highlight: #005E3F;
  }
  .theme-aok {
    --vk-comp-table-header-caption-background-color: #E8F4F2;
    --vk-comp-table-header-background-color: var(--oev-color-action-white);
    --vk-comp-table-header-font-color: #005E3F;
    --vk-comp-table-header-font-color-interactable: #005E3F;
    --vk-comp-table-header-icon-color-interactable: #005E3F;
    --vk-comp-table-header-font-color-focus: #005E3F;
    --vk-comp-table-filter-addrule-button-color: #005E3F;
    --vk-comp-table-filter-addrule-button-color-hover: var(--oev-color-gray-default);
    --vk-comp-table-filter-addrule-button-color-active: var(--oev-color-gray-default);
    --vk-comp-table-filter-addrule-button-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-table-filter-addrule-button-border-color-focus: var(--vk-comp-button-background-color-secondary-focus);
  }
  .theme-aok {
    --vk-comp-fileupload-button-text-color: #005E3F;
    --vk-comp-fileupload-button-text-color-hover: #005E3F;
    --vk-comp-fileupload-button-text-color-active: #005E3F;
    --vk-comp-fileupload-button-border-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-fileupload-button-border-color-hover: var(--vk-comp-button-background-color-primary);
    --vk-comp-fileupload-button-border-color-active: var(--vk-comp-button-background-color-primary);
    --vk-comp-fileupload-button-border-color-focus: var(--oev-color-action-white);
    --vk-comp-fileupload-button-border-color-disabled: var(--vk-comp-button-background-color-primary-disabled);
  }
  .theme-aok {
    --vk-comp-datepicker-button-text-color-primary: #005E3F;
  }
  .theme-aok {
    --vk-comp-input-border-color-hover: #18AB42;
    --vk-comp-input-border-color-focus: #18AB42;
  }
  .theme-aok {
    --vk-comp-multiselect-dropdown-border-color-focus: transparent;
  }
  .theme-aok {
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-body);
    --vk-comp-select-menu-items-font-color-hover: #005e3f;
    --vk-comp-select-menu-items-font-color-active: #005e3f;
  }
  .theme-aok {
    --vk-comp-selectbutton-background-color-active: #005e3f;
    --vk-comp-selectbutton-content-background-active: #005e3f;
    --vk-comp-selectbutton-border-color: #005e3f;
    --vk-comp-selectbutton-border-color-active: #005e3f;
    --vk-comp-selectbutton-text-color: #293033;
  }
  .theme-aok {
    --vk-comp-carousel-indicator-color: #DFE3E6;
    --vk-comp-carousel-indicator-color-active: #005e3f;
    --vk-comp-carousel-indicator-color-hover: #91F54A;
    --vk-comp-carousel-prev-next-icon-color: #005e3f;
  }
  .theme-aok {
    --vk-comp-breadcrumb-item-font-style: var(--oev-font-style-body);
    --vk-comp-breadcrumb-separator-icon-color: #6D767C;
    --vk-comp-breadcrumb-home-icon-color: #6D767C;
    --vk-comp-breadcrumb-item-text-color: #6D767C;
    --vk-comp-breadcrumb-item-text-color-active: #6D767C;
    --vk-comp-breadcrumb-item-text-color-hover: #005e3f;
  }
  .theme-aok {
    --vk-comp-menubar-item-text-font-style: var(--oev-font-style-body);
    --vk-comp-menubar-item-icon-color: var(--oev-color-font-body-default);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-action-white);
    --vk-comp-menubar-item-text-color: var(--oev-color-font-body-default);
    --vk-comp-menubar-item-text-color-hover: #005e3f;
    --vk-comp-menubar-item-text-color-active: #005e3f;
  }
  .theme-aok {
    --vk-comp-message-background-color-primary: var(--oev-color-action-white);
    --vk-comp-message-background-color-secondary: var(--oev-color-action-white);
  }
  .theme-aok {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-action-white);
    --vk-comp-toast-message-background-color-secondary: var(--oev-color-action-white);
  }
  .theme-aok {
    --vk-comp-avatar-group-additional-background-color: #005e3f;
    --vk-comp-avatar-text-color: var(--oev-color-action-white);
  }
  .theme-aok {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-background-color-info: var(--oev-color-custom-02);
  }
  .theme-aok {
    --vk-comp-chip-color: #005e3f;
    --vk-comp-chip-color-disabled: var(--oev-color-secondary-disabled);
  }
  .theme-aok {
    --vk-comp-progressbar-background-color: #DFE3E6;
    --vk-comp-progressbar-value-background-color: #005e3f;
  }
  .theme-aok {
    --vk-comp-progressspinner-color: #005e3f;
    --vk-comp-progressspinner-fill: var(--oev-color-secondary-50);
  }
  .theme-aok {
    --vk-comp-tag-color-primary: #005e3f;
    --vk-comp-tag-color-success: var(--oev-color-action-white);
  }
  .theme-aok {
    --vk-comp-accordion-header-background-color: var(--oev-color-action-white);
    --vk-comp-accordion-header-background-color-hover: var(--oev-color-action-white);
    --vk-comp-accordion-header-icon-color: #005e3f;
    --vk-comp-accordion-header-icon-color-hover: #18AB42;
    --vk-comp-accordion-header-icon-color-active: #005e3f;
    --vk-comp-accordion-header-color: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-color-hover: #18AB42;
    --vk-comp-accordion-header-color-active: var(--oev-color-font-body-default);
    --vk-comp-accordion-divider-color: #AFB6BC;
    --vk-comp-accordion-divider-height: var(--vk-size-02);
    --vk-comp-accordion-top-border: var(--vk-comp-accordion-bottom-border);
  }
  .theme-aok {
    --vk-comp-card-header-background-color: var(--oev-color-custom-02);
    --vk-comp-card-header-color: var(--oev-color-font-body-default);
    --vk-comp-card-header-icon-color: var(--oev-color-font-body-default);
  }
  .theme-aok {
    --vk-comp-fieldset-header-border-color-active: #005e3f;
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-fieldset-header-color: var(--oev-color-font-body-default);
    --vk-comp-fieldset-header-font-color-hover: #18AB42;
    --vk-comp-fieldset-header-icon-color: #005e3f;
    --vk-comp-fieldset-header-icon-color-hover: #18AB42;
  }
  .theme-aok {
    --vk-comp-panel-header-color: var(--oev-color-font-body-default);
    --vk-comp-panel-header-icon-color: #005e3f;
    --vk-comp-panel-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-panel-header-color-hover: #18AB42;
    --vk-comp-panel-header-icon-color-hover: #18AB42;
  }
  .theme-aok {
    --vk-comp-tabs-font-color-active: #005e3f;
    --vk-comp-tabs-border-color-active: #005e3f;
    --vk-comp-tabs-font-color-hover: #18AB42;
    --vk-comp-tabs-border-color-hover: #18AB42;
  }
  .theme-bavaria-direkt {
    --vk-comp-button-border-radius: 4px;
    --vk-comp-button-color-primary: var(--oev-color-action-white);
    --vk-comp-button-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-color-secondary: var(--oev-color-action-white);
    --vk-comp-button-color-secondary-hover: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
    --vk-comp-button-outlined-color-primary: var(--vk-comp-button-background-color-primary);
    --vk-comp-button-outlined-color-primary-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-button-outlined-color-primary-disabled: var(--oev-color-gray-600);
    --vk-comp-button-outlined-color-primary-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-button-outlined-color-primary-focus: var(--vk-comp-button-background-color-primary-focus);
    --vk-comp-button-outlined-border-color-primary: var(--vk-comp-button-background-color-primary);
    --vk-comp-button-outlined-border-color-primary-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-button-outlined-border-color-primary-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-button-outlined-border-color-primary-focus: var(--vk-comp-button-background-color-primary-focus);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--oev-color-gray-600);
  }
  .theme-bavaria-direkt {
    --vk-comp-orderlist-controls-button-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-orderlist-controls-button-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-orderlist-controls-button-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-orderlist-controls-button-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-orderlist-controls-button-color-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-orderlist-border-color: var(--oev-color-secondary-100);
    --vk-comp-orderlist-controls-button-border-color-hover: var(--vk-comp-orderlist-controls-button-color-hover);
  }
  .theme-bavaria-direkt {
    --vk-comp-table-paginator-background-color-highlight: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-table-header-font-color-focus: var(--oev-color-secondary-default);
    --vk-comp-table-filter-addrule-button-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-table-filter-addrule-button-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-table-filter-addrule-button-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-table-filter-addrule-button-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-table-filter-addrule-button-border-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-table-filter-clear-button-color: var(--oev-comp-button-secondary-outlined-color-label-default);
    --vk-comp-table-filter-clear-button-color-active: var(--oev-comp-button-secondary-outlined-color-label-active);
    --vk-comp-table-filter-clear-button-color-disabled: var(--oev-comp-button-secondary-outlined-color-label-disabled);
    --vk-comp-table-filter-clear-button-color-hover: var(--oev-comp-button-secondary-outlined-color-label-hover);
    --vk-comp-table-filter-clear-button-color-focus: var(--oev-comp-button-secondary-outlined-color-label-focus);
    --vk-comp-table-filter-clear-button-border-color-default: var(--oev-color-secondary-default);
    --vk-comp-table-filter-clear-button-border-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-table-filter-clear-button-border-color-active: var(--oev-color-secondary-active);
    --vk-comp-table-filter-clear-button-border-color-focus: var(--oev-color-secondary-focus);
    --vk-comp-table-filter-clear-button-border-color-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-table-header-icon-color-interactable: var(--oev-color-secondary-default);
    --vk-comp-table-header-font-color-interactable: var(--oev-color-secondary-default);
    --vk-comp-table-header-font-color-interactable-hover: var(--oev-color-secondary-hover);
    --vk-comp-table-header-border-color-focus: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-fileupload-button-background-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-fileupload-button-background-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-fileupload-button-background-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-fileupload-button-background-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-fileupload-button-background-color-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-fileupload-button-border-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-fileupload-button-border-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-fileupload-button-border-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-fileupload-button-border-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-fileupload-button-border-color-disabled: var(--vk-comp-button-background-color-secondary-disabled);
  }
  .theme-bavaria-direkt {
    --vk-comp-datepicker-dropdown-border-color: var(--vk-comp-button-border-color-secondary);
    --vk-comp-datepicker-dropdown-hover-border-color: var(--vk-comp-button-border-color-secondary-hover);
    --vk-comp-datepicker-dropdown-active-border-color: var(--vk-comp-button-border-color-secondary-active);
    --vk-comp-datepicker-dropdown-background: var(--vk-comp-button-background-color-secondary);
    --vk-comp-datepicker-dropdown-hover-background: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-datepicker-dropdown-active-background: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-datepicker-dropdown-color: var(--vk-comp-button-color-secondary);
    --vk-comp-datepicker-dropdown-hover-color: var(--vk-comp-button-color-secondary);
    --vk-comp-datepicker-dropdown-active-color: var(--vk-comp-button-color-secondary);
    --vk-comp-datepicker-input-icon-color: var(--oev-color-secondary-default);
    --vk-comp-datepicker-button-text-color-primary: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-input-border-radius: 4px;
    --vk-comp-input-border-color: var(--oev-color-secondary-default);
    --vk-comp-input-border-color-focus: var(--oev-color-secondary-default);
    --vk-comp-input-border-color-hover: var(--oev-comp-forms-input-text-border-color-hover);
    --vk-comp-input-border-color-disabled: var(--oev-comp-forms-input-text-border-color-disabled);
    --vk-comp-input-border-color-error: var(--oev-color-action-error);
    --vk-comp-input-border-color-error-focus: var(--oev-color-action-error);
    --vk-comp-input-border-color-error-hover: var(--oev-color-action-error);
  }
  .theme-bavaria-direkt {
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-body);
    --vk-comp-select-menu-items-font-color-hover: var(--oev-color-secondary-default);
    --vk-comp-select-menu-items-font-color-active: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-toggleswitch-background-color-checked: var(--oev-color-secondary-default);
    --vk-comp-toggleswitch-background-color-checked-hover: var(--oev-color-secondary-hover);
    --vk-comp-toggleswitch-background-color-checked-disabled: var(--oev-color-secondary-100);
    --vk-comp-toggleswitch-border-color-checked-disabled: var(--oev-color-secondary-100);
  }
  .theme-bavaria-direkt {
    --vk-comp-multiselect-dropdown-selected-text-color: var(--oev-color-secondary-800);
    --vk-comp-multiselect-dropdown-border-color-focus: var(--oev-color-secondary-focus);
  }
  .theme-bavaria-direkt {
    --vk-comp-selectbutton-background-color-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-background-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-selectbutton-background-color-active-hover: var(--oev-color-secondary-hover);
    --vk-comp-selectbutton-content-background-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-border-color: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-border-color-disabled: var(--oev-color-secondary-100);
    --vk-comp-selectbutton-text-color: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-text-weight: var(--oev-font-weight-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-carousel-indicator-color-active: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-breadcrumb-item-text-color-focus: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-menubar-item-icon-color: var(--oev-color-secondary-default);
    --vk-comp-menubar-item-text-color: var(--oev-color-secondary-default);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-menubar-item-icon-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-secondary-active);
  }
  .theme-bavaria-direkt {
    --vk-comp-message-icon-color-info: var(--oev-color-secondary-default);
    --vk-comp-message-icon-color-warning: var(--oev-color-action-warning);
  }
  .theme-bavaria-direkt {
    --vk-comp-toast-message-icon-color-info: var(--oev-color-action-info);
    --vk-comp-toast-message-icon-color-warning: var(--oev-color-action-warning);
  }
  .theme-bavaria-direkt {
    --vk-comp-avatar-group-additional-background-color: var(--oev-color-secondary-default);
    --vk-comp-avatar-text-color: var(--oev-color-action-white);
  }
  .theme-bavaria-direkt {
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
  }
  .theme-bavaria-direkt {
    --vk-comp-chip-color: var(--oev-color-secondary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-secondary-disabled);
  }
  .theme-bavaria-direkt {
    --vk-comp-progressbar-background-color: var(--oev-color-secondary-50);
    --vk-comp-progressbar-value-background-color: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-progressspinner-color: var(--oev-color-secondary-default);
    --vk-comp-progressspinner-fill: var(--oev-color-secondary-50);
  }
  .theme-bavaria-direkt {
    --vk-comp-tag-background-color: var(--oev-color-secondary-default);
    --vk-comp-tag-color-info: var(--oev-color-action-white);
  }
  .theme-bavaria-direkt {
    --vk-comp-popover-font-color: var(--oev-color-action-white);
  }
  .theme-bavaria-direkt {
    --vk-comp-tooltip-background-color: var(--oev-color-secondary-default);
    --vk-comp-tooltip-font-color: var(--oev-color-action-white);
  }
  .theme-bavaria-direkt {
    --vk-comp-card-border-radius: 4px;
  }
  .theme-bavaria-direkt {
    --vk-comp-fieldset-header-icon-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-secondary-active);
  }
  .theme-bavaria-direkt {
    --vk-comp-panel-header-icon-color: var(--oev-color-secondary-default);
  }
  .theme-bavaria-direkt {
    --vk-comp-tabs-font-color-active: var(--oev-color-secondary-default);
    --vk-comp-tabs-border-color: var(--oev-color-gray-400);
    --vk-comp-tabs-border-color-active: var(--oev-color-secondary-default);
    --vk-comp-tabs-border-color-focus: var(--oev-color-secondary-focus);
    --vk-comp-tabs-tabmenu-icon-color: var(--oev-color-secondary-default);
    --vk-comp-tabs-tabmenu-icon-color-active: var(--oev-color-secondary-default);
  }
  .theme-bgv {
    --vk-comp-button-border-radius: 1000rem;
    --vk-comp-button-font-style: var(--oev-font-weight-regular);
    --vk-comp-button-icon-line-height: var(--oev-line-height-m);
    --vk-comp-button-color-primary: var(--oev-color-action-white);
    --vk-comp-button-background-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-color-primary-hover: var(--oev-color-primary-default);
    --vk-comp-button-border-color-primary-hover: var(--oev-color-primary-default);
    --vk-comp-button-color-secondary-hover: var(--oev-color-secondary-default);
    --vk-comp-button-background-color-secondary-hover: var(--oev-color-action-white);
    --vk-comp-button-border-color-secondary-hover: var(--oev-color-secondary-default);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-background-color-info-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-background-color-info: var(--oev-color-secondary-default);
    --vk-comp-button-border-color-info: var(--oev-color-secondary-default);
    --vk-comp-button-border-color-info-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-color-danger: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-background-color-primary-disabled: var(--oev-color-gray-100);
    --vk-comp-button-background-color-secondary-disabled: var(--oev-color-gray-100);
    --vk-comp-button-background-color-success-disabled: var(--oev-color-gray-100);
    --vk-comp-button-background-color-info-disabled: var(--oev-color-gray-100);
    --vk-comp-button-background-color-danger-disabled: var(--oev-color-gray-100);
    --vk-comp-button-background-color-warning-disabled: var(--oev-color-gray-100);
    --vk-comp-button-background-color-help-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-primary-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-secondary-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-success-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-info-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-danger-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-warning-disabled: var(--oev-color-gray-100);
    --vk-comp-button-border-color-help-disabled: var(--oev-color-gray-100);
    --vk-comp-button-color-primary-disabled: var(--oev-color-gray-400);
    --vk-comp-button-color-secondary-disabled: var(--oev-color-gray-400);
    --vk-comp-button-color-success-disabled: var(--oev-color-gray-400);
    --vk-comp-button-color-info-disabled: var(--oev-color-gray-400);
    --vk-comp-button-color-danger-disabled: var(--oev-color-gray-400);
    --vk-comp-button-color-warning-disabled: var(--oev-color-gray-400);
    --vk-comp-button-color-help-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-outlined-border-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-outlined-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-outlined-background-color-primary-hover: var(--oev-color-primary-default);
    --vk-comp-button-outlined-border-color-primary-hover: var(--oev-color-primary-default);
    --vk-comp-button-outlined-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-outlined-border-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-outlined-color-secondary-hover: var(--oev-color-action-white);
    --vk-comp-button-outlined-background-color-secondary-hover: var(--oev-color-secondary-default);
    --vk-comp-button-outlined-border-color-secondary-hover: var(--oev-color-secondary-default);
    --vk-comp-button-outlined-color-primary-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-color-success-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-color-info-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-color-danger-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-color-warning-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-color-help-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-success-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-info-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-danger-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-warning-disabled: var(--oev-color-gray-300);
    --vk-comp-button-outlined-border-color-help-disabled: var(--oev-color-gray-300);
    --vk-comp-button-font-color-disabled: var(--oev-color-gray-300);
    --vk-comp-button-text-background-color-primary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-text-background-color-secondary-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-text-border-radius: 0;
    --vk-comp-button-link-color-primary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-link-color-secondary-hover: var(--oev-color-secondary-hover);
  }
  .theme-bgv {
    --vk-comp-orderlist-border-color: var(--oev-color-secondary-100);
    --vk-comp-orderlist-container-item-background-color-active: var(--oev-color-background-01);
    --vk-comp-orderlist-controls-text-color-hover: var(--oev-color-primary-default);
    --vk-comp-orderlist-controls-button-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-orderlist-controls-button-color-hover: var(--oev-color-action-white);
  }
  .theme-bgv {
    --vk-comp-table-header-caption-background-color: var(--oev-color-background-01);
    --vk-comp-table-header-background-color: var(--oev-color-action-white);
    --vk-comp-table-header-font-color: var(--oev-color-secondary-default);
    --vk-comp-table-row-font-color: var(--oev-color-secondary-default);
    --vk-comp-table-row-background-color-hover: var(--oev-color-secondary-50);
  }
  .theme-bgv {
    --vk-comp-fileupload-button-text-color-hover: var(--oev-color-primary-default);
    --vk-comp-fileupload-button-background-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-fileupload-button-border-color-hover: var(--oev-color-primary-default);
  }
  .theme-bgv {
    --vk-comp-input-border-color: var(--oev-color-secondary-default);
    --vk-comp-input-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-input-border-color-focus: var(--oev-color-primary-default);
    --vk-comp-input-border: var(--oev-comp-forms-input-text-border-width-default) solid var(--vk-comp-input-border-color);
    --vk-comp-input-border-hover: calc(var(--oev-comp-forms-input-text-border-width-default)) solid var(--vk-comp-input-border-color-hover);
    --vk-comp-input-border-focus: calc(var(--oev-comp-forms-input-text-border-width-default)) solid var(--vk-comp-input-border-color-focus);
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-focus: none;
    --vk-comp-input-box-shadow-hover-focus: none;
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
  }
  .theme-bgv {
    --vk-comp-multiselect-dropdown-selected-background-color: var(--oev-color-background-01);
  }
  .theme-bgv {
    --vk-comp-select-forms-menu-background-color-active: var(--oev-color-background-01);
    --vk-comp-select-menu-items-font-color-hover: var(--oev-color-secondary-default);
    --vk-comp-select-menu-items-font-style: var(--oev-font-weight-regular);
    --vk-comp-select-menu-items-font-color-active: var(--oev-color-secondary-default);
    --vk-comp-select-boxshadow-width: none;
    --vk-comp-select-border-color: var(--oev-color-secondary-default);
    --vk-comp-select-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-select-border-color-focus: var(--oev-color-primary-default);
  }
  .theme-bgv {
    --vk-comp-selectbutton-background-color-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-background-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-selectbutton-background-color-active-hover: var(--oev-color-secondary-hover);
    --vk-comp-selectbutton-content-background-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-border-color: var(--oev-color-secondary-100);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-secondary-100);
    --vk-comp-selectbutton-border-color-disabled: var(--oev-color-secondary-100);
    --vk-comp-selectbutton-text-color: var(--oev-color-primary-default);
    --vk-comp-selectbutton-text-color-disabled: var(--oev-color-gray-300);
    --vk-comp-selectbutton-text-weight: var(--oev-font-weight-regular);
  }
  .theme-bgv {
    --vk-comp-autocomplete-item-background-color-hover: var(--oev-color-secondary-50);
  }
  .theme-bgv {
    --vk-comp-datepicker-dropdown-border-radius: var(--vk-comp-input-border-radius);
  }
  .theme-bgv {
    --vk-comp-input-outline-width-focus: 0px;
    --vk-comp-input-border-width-hover: var(--vk-comp-input-border-width-error);
  }
  .theme-bgv {
    --vk-comp-carousel-indicator-color: var(--oev-color-action-white);
    --vk-comp-carousel-indicator-border: 1px solid var(--oev-color-primary-default);
    --vk-comp-carousel-indicator-color-active: var(--oev-color-primary-default);
    --vk-comp-carousel-indicator-width: var(--vk-comp-carousel-indicator-height);
    --vk-comp-carousel-prev-next-icon-color: var(--oev-color-primary-default);
    --vk-comp-carousel-prev-next-icon-color-disabled: var(--oev-color-primary-disabled);
  }
  .theme-bgv {
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-item-font-style: var(--oev-font-weight-regular);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-color-primary-800);
  }
  .theme-bgv {
    --vk-comp-menubar-item-icon-color: var(--oev-color-secondary-default);
    --vk-comp-menubar-item-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-menubar-item-text-color: var(--oev-color-secondary-default);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-primary-default);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-primary-default);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-action-white);
    --vk-comp-menubar-item-background-color-hover: var(--oev-color-gray-50);
    --vk-comp-menubar-item-text-font-style: var(--oev-font-weight-regular);
  }
  .theme-bgv {
    --vk-comp-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-bgv {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-bgv {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
    --vk-comp-badge-background-color-info: var(--oev-color-primary-default);
  }
  .theme-bgv {
    --vk-comp-chip-color: var(--oev-color-secondary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-secondary-disabled);
  }
  .theme-bgv {
    --vk-comp-progressbar-background-color: #DFE3E6;
    --vk-comp-progressbar-value-background-color: var(--oev-color-secondary-800);
  }
  .theme-bgv {
    --vk-comp-progressspinner-color: var(--oev-color-primary-900);
  }
  .theme-bgv {
    --vk-comp-tag-color-success: var(--oev-color-action-white);
  }
  .theme-bgv {
    --vk-comp-popover-content-background-color: var(--oev-color-background-01);
    --vk-comp-popover-font-color: var(--oev-color-secondary-default);
  }
  .theme-bgv {
    --vk-comp-tooltip-font-color: var(--oev-color-secondary-default);
    --vk-comp-tooltip-content-background-color: var(--oev-color-background-01);
  }
  .theme-bgv {
    --vk-comp-accordion-header-icon-color: var(--oev-color-secondary-default);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-accordion-header-icon-color-active: var(--oev-color-secondary-default);
    --vk-comp-accordion-header-color: var(--oev-color-secondary-default);
    --vk-comp-accordion-header-color-hover: var(--oev-color-secondary-default);
    --vk-comp-accordion-header-color-open: var(--oev-color-font-body-default);
    --vk-comp-accordion-content-background-color: #F9FDFC;
    --vk-comp-accordion-header-background-color: var(--oev-color-action-white);
    --vk-comp-accordion-header-background-color-hover: var(--oev-color-action-white);
  }
  .theme-bgv {
    --vk-comp-fieldset-header-background-color: var(--oev-color-action-white);
    --vk-comp-fieldset-header-background-color-hover: var(--oev-color-background-01);
    --vk-comp-fieldset-header-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-border-color: var(--oev-color-secondary-100);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-closed-font-color-hover: var(--oev-color-primary-default);
  }
  .theme-bgv {
    --vk-comp-panel-header-background-color: var(--oev-color-action-white);
    --vk-comp-panel-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-panel-header-color: var(--oev-color-secondary-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-secondary-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-panel-border-color: var(--oev-color-secondary-100);
  }
  .theme-bgv {
    --vk-comp-tabs-border-color: var(--oev-color-secondary-default);
    --vk-comp-tabs-border-color-hover: var(--oev-color-primary-default);
  }
  .theme-fbb {
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
  }
  .theme-fbb {
    --vk-comp-input-border-radius: 0;
  }
  .theme-fbb {
    --vk-comp-select-forms-menu-background-color-active: var(--oev-color-background-01);
    --vk-comp-select-border-radius: 0;
  }
  .theme-fbb {
    --vk-comp-selectbutton-border-radius: 0;
    --vk-comp-selectbutton-togglebutton-border-radius: 0;
  }
  .theme-fbb {
    --vk-comp-multiselect-border-radius: 0;
  }
  .theme-fbb {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-warning: var(--oev-color-action-white);
  }
  .theme-fbb {
    --vk-comp-chip-background-color: var(--oev-color-background-01);
    --vk-comp-chip-border-radius: 0;
  }
  .theme-fbb {
    --vk-comp-accordion-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-color-custom-12);
    --vk-comp-accordion-header-color: var(--oev-color-gray-900);
    --vk-comp-accordion-header-color-hover: var(--oev-color-gray-900);
    --vk-comp-accordion-header-background-color-hover: var(--oev-color-gray-100);
    --vk-comp-accordion-content-background-color: var(--oev-color-gray-50);
  }
  .theme-fbb {
    --vk-comp-card-header-color: var(--oev-color-primary-default);
  }
  .theme-fbb {
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-secondary-default);
  }
  .theme-fbb {
    --vk-comp-panel-header-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-font-body-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-font-body-default);
  }
  .theme-fbb25 {
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
  }
  .theme-fbb25 {
    --vk-comp-chip-color: var(--oev-color-secondary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-secondary-disabled);
  }
  .theme-geno {
    --vk-comp-button-border-radius: 50rem;
    --vk-comp-button-color-primary: var(--oev-color-action-white);
    --vk-comp-button-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-color-primary-active: var(--oev-color-action-white);
    --vk-comp-button-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-color-secondary-hover: var(--oev-color-primary-default);
    --vk-comp-button-color-secondary-active: var(--oev-color-primary-default);
    --vk-comp-button-background-color-secondary: var(--oev-color-action-white);
    --vk-comp-button-background-color-secondary-hover: var(--oev-color-background-06);
    --vk-comp-button-background-color-secondary-active: var(--oev-color-primary-50);
    --vk-comp-button-border-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-border-color-secondary-hover: var(--oev-color-primary-default);
    --vk-comp-button-border-color-secondary-active: var(--oev-color-primary-default);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
    --vk-comp-button-outlined-color-primary: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-color-primary-hover: var(--vk-comp-button-color-secondary-hover);
    --vk-comp-button-outlined-color-primary-active: var(--vk-comp-button-color-secondary-active);
    --vk-comp-button-outlined-color-primary-focus: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-color-primary-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-background-color-primary: var(--oev-comp-button-secondary-contained-background-color-default);
    --vk-comp-button-outlined-background-color-primary-active: var(--oev-comp-button-secondary-contained-background-color-active);
    --vk-comp-button-outlined-background-color-primary-disabled: var(--oev-color-action-white);
    --vk-comp-button-outlined-background-color-primary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-outlined-background-color-primary-focus: var(--oev-comp-button-secondary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-primary: var(--vk-comp-button-border-color-secondary);
    --vk-comp-button-outlined-border-color-primary-hover: var(--vk-comp-button-border-color-secondary-hover);
    --vk-comp-button-outlined-border-color-primary-focus: var(--oev-comp-button-secondary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-primary-active: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-secondary: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-color-secondary-hover: var(--vk-comp-button-color-secondary-hover);
    --vk-comp-button-outlined-color-secondary-active: var(--vk-comp-button-color-secondary-active);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-secondary-focus: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-background-color-secondary: var(--oev-comp-button-secondary-contained-background-color-default);
    --vk-comp-button-outlined-background-color-secondary-active: var(--oev-comp-button-secondary-contained-background-color-active);
    --vk-comp-button-outlined-background-color-secondary-disabled: var(--oev-color-action-white);
    --vk-comp-button-outlined-background-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-outlined-background-color-secondary-focus: var(--oev-comp-button-secondary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-secondary: var(--vk-comp-button-border-color-secondary);
    --vk-comp-button-outlined-border-color-secondary-hover: var(--vk-comp-button-border-color-secondary-hover);
    --vk-comp-button-outlined-border-color-secondary-focus: var(--oev-comp-button-secondary-contained-background-color-focus);
    --vk-comp-button-outlined-border-color-secondary-active: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-border-color-success-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-success-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-border-color-info-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-info-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-border-color-help-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-help-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-border-color-warning-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-warning-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-border-color-danger-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-outlined-color-danger-disabled: var(--oev-color-gray-disabled);
    --vk-comp-button-text-color-primary: #0066b3;
    --vk-comp-button-text-color-primary-hover: #025ba0;
    --vk-comp-button-text-background-color-primary: #0066b3;
    --vk-comp-button-text-background-color-primary-hover: #025ba0;
    --vk-comp-button-text-color-secondary: #0000009e;
    --vk-comp-button-text-color-secondary-hover: #000000db;
    --vk-comp-button-text-color-secondary-active: #000000db;
    --vk-comp-button-text-color-secondary-focus: #000000db;
    --vk-comp-button-text-background-color-secondary: #0000009e;
    --vk-comp-button-text-background-color-secondary-hover: #000000db;
    --vk-comp-button-link-color-secondary: var(--oev-color-gray-600);
    --vk-comp-button-link-color-secondary-hover: var(--oev-color-gray-800);
  }
  .theme-geno {
    --vk-comp-orderlist-border-color: var(--oev-color-gray-200);
    --vk-comp-orderlist-container-item-background-color-active: var(--oev-color-primary-50);
    --vk-comp-orderlist-container-item-background-color-focus: var(--oev-color-background-06);
    --vk-comp-orderlist-container-item-background-color-active-focus: var(--oev-color-primary-50);
    --vk-comp-orderlist-controls-button-border-width: 0;
    --vk-comp-orderlist-controls-button-color: var(--vk-comp-button-background-color-primary);
    --vk-comp-orderlist-controls-button-color-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-orderlist-controls-button-color-focus: var(--vk-comp-button-background-color-primary-focus);
    --vk-comp-orderlist-controls-button-color-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-orderlist-controls-button-color-disabled: var(--vk-comp-button-background-color-primary-disabled);
  }
  .theme-geno {
    --vk-comp-table-header-border-color: var(--oev-color-gray-200);
    --vk-comp-table-header-caption-background-color: var(--oev-color-background-01);
    --vk-comp-table-header-background-color: var(--oev-color-background-02);
    --vk-comp-table-header-font-style: var(--oev-font-style-link);
    --vk-comp-table-header-font-size: var(--oev-font-size-body);
  }
  .theme-geno {
    --vk-comp-datepicker-dropdown-border-radius: var(--vk-comp-input-border-radius);
  }
  .theme-geno {
    --vk-comp-input-border-color: var(--oev-color-gray-default);
    --vk-comp-input-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-input-border-color-focus: var(--oev-color-primary-default);
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-background-color-hover: var(--oev-color-background-06);
  }
  .theme-geno {
    --vk-comp-carousel-indicator-color-active: var(--oev-color-primary-active);
    --vk-comp-carousel-indicator-color-hover: var(--oev-color-primary-hover);
    --vk-comp-carousel-prev-next-icon-color: var(--oev-color-primary-default);
    --vk-comp-carousel-prev-next-icon-color-hover: var(--oev-color-primary-hover);
  }
  .theme-geno {
    --vk-comp-breadcrumb-item-font-style: var(--oev-font-style-body);
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-color-gray-600);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-color-primary-default);
  }
  .theme-geno {
    --vk-comp-menubar-item-text-color: var(--oev-color-gray-600);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-gray-default);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-primary-default);
  }
  .theme-geno {
    --vk-comp-message-font-style-summary: var(--oev-font-style-body);
    --vk-comp-message-icon-color-info: var(--primeng-color-info-default);
    --vk-comp-message-background-color-info: var(--primeng-color-info-light);
    --vk-comp-message-background-color-primary: var(--oev-color-primary-50);
    --vk-comp-message-icon-color-danger: var(--primeng-color-danger-light);
    --vk-comp-message-background-color-danger: var(--primeng-color-danger-default);
  }
  .theme-geno {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-geno {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-background-color-info: var(--primeng-color-info-default);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
  }
  .theme-geno {
    --vk-comp-progressbar-background-color: var(--oev-color-background-02);
  }
  .theme-geno {
    --vk-comp-tag-color-success: var(--oev-color-action-white);
    --vk-comp-tag-color-info: var(--oev-color-action-white);
  }
  .theme-geno {
    --vk-comp-popover-content-background-color: var(--oev-color-background-02);
    --vk-comp-popover-font-color: var(--oev-color-gray-default);
  }
  .theme-geno {
    --vk-comp-tooltip-content-background-color: var(--oev-color-background-02);
    --vk-comp-tooltip-font-color: var(--oev-color-gray-default);
  }
  .theme-geno {
    --vk-comp-accordion-header-background-color: var(--oev-color-action-white);
    --vk-comp-accordion-header-background-color-hover: var(--oev-color-background-06);
    --vk-comp-accordion-content-background-color: var(--oev-color-action-white);
    --vk-comp-accordion-header-icon-color: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-icon-color-active: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-color: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-color-hover: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-color-active: var(--oev-color-font-body-default);
    --vk-comp-accordion-divider-color: var(--oev-color-gray-200);
    --vk-comp-accordion-divider-height: var(--vk-size-02);
    --vk-comp-accordion-top-border: var(--vk-comp-accordion-bottom-border);
  }
  .theme-geno {
    --vk-comp-card-header-background-color: var(--oev-color-background-06);
    --vk-comp-card-header-color: var(--oev-color-font-body-default);
    --vk-comp-card-header-icon-color: var(--oev-color-font-body-default);
  }
  .theme-geno {
    --vk-comp-fieldset-border-color: var(--oev-color-gray-200);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-gray-200);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-background-06);
    --vk-comp-fieldset-header-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-default);
  }
  .theme-geno {
    --vk-comp-panel-header-background-color-active: var(--oev-color-background-06);
    --vk-comp-panel-header-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-primary-default);
    --vk-comp-panel-header-color-active: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-panel-border-color: var(--oev-color-gray-200);
  }
  .theme-geno {
    --vk-comp-stepper-separator-background: var(--oev-color-primary-disabled);
    --vk-comp-stepper-separator-background-active: var(--oev-color-primary-default);
    --vk-comp-stepper-step-title-active-color: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-border-color: var(--oev-color-primary-disabled);
    --vk-comp-stepper-step-number-active-border-color: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-color: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-active-color: var(--oev-color-primary-default);
  }
  .theme-geno {
    --vk-comp-tabs-font-color: #0000009e;
    --vk-comp-tabs-font-color-hover: var(--oev-color-primary-default);
    --vk-comp-tabs-font-color-active: var(--oev-color-primary-default);
    --vk-comp-tabs-tab-background-hover: var(--oev-color-background-06);
  }
  .theme-hfk {
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
  }
  .theme-hfk {
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-focus: none;
    --vk-comp-input-box-shadow-hover-focus: none;
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
  }
  .theme-hfk {
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-body);
  }
  .theme-hfk {
    --vk-comp-selectbutton-text-weight: var(--oev-font-weight-default);
  }
  .theme-hfk {
    --vk-comp-carousel-indicator-width: var(--vk-size-12);
    --vk-comp-carousel-indicator-height: var(--vk-size-12);
    --vk-comp-carousel-indicator-border-radius: 50%;
    --vk-comp-carousel-indicator-color: var(--oev-color-action-white);
    --vk-comp-carousel-indicator-color-active: var(--oev-color-gray-default);
    --vk-comp-carousel-indicator-border: var(--vk-size-01) solid var(--oev-color-gray-default);
    --vk-comp-carousel-indicator-border-hover: var(--vk-size-01) solid var(--oev-color-gray-hover);
    --vk-comp-carousel-prev-next-icon-color: var(--oev-color-primary-800);
    --vk-comp-carousel-prev-next-icon-color-hover: var(--oev-color-primary-900);
    --vk-comp-carousel-prev-next-icon-color-disabled: var(--oev-color-primary-200);
  }
  .theme-hfk {
    --vk-comp-breadcrumb-item-font-style: var(--oev-font-style-body);
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-font-body-default);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-color-primary-default);
  }
  .theme-hfk {
    --vk-comp-menubar-item-text-font-style: var(--oev-font-style-body);
    --vk-comp-menubar-item-text-color: var(--oev-color-gray-default);
  }
  .theme-hfk {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
    --vk-comp-badge-font-color-warning: var(--oev-color-action-white);
  }
  .theme-hfk {
    --vk-comp-popover-content-background-color: var(--oev-color-background-01);
  }
  .theme-hfk {
    --vk-comp-tooltip-content-background-color: var(--oev-color-background-01);
  }
  .theme-hfk {
    --vk-comp-accordion-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-accordion-header-custom-icon-color: var(--oev-color-primary-default);
  }
  .theme-hfk {
    --vk-comp-card-header-color: var(--oev-color-font-body-default);
    --vk-comp-card-header-icon-color: var(--oev-color-font-body-default);
  }
  .theme-hfk {
    --vk-comp-fieldset-header-font-style-expandable: var(--oev-font-style-body);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-primary-default);
  }
  .theme-hfk {
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-color: var(--oev-color-primary-default);
    --vk-comp-panel-border-color: var(--oev-color-gray-300);
    --vk-comp-panel-header-background-color: var(--oev-color-background-15);
    --vk-comp-panel-header-background-color-active: var(--oev-color-background-15);
  }
  .theme-llb {
    --vk-comp-button-font-style: var(--oev-font-style-body);
    --vk-comp-button-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
    --vk-comp-button-text-color-primary: var(--oev-color-gray-default);
    --vk-comp-button-link-color-primary: var(--oev-color-gray-default);
  }
  .theme-llb {
    --vk-comp-orderlist-controls-text-color: var(--oev-color-gray-default);
  }
  .theme-llb {
    --vk-comp-table-paginator-color: var(--oev-color-gray-default);
    --vk-comp-table-paginator-color-highlight: var(--oev-color-gray-default);
  }
  .theme-llb {
    --vk-comp-table-header-font-color: var(--oev-color-gray-default);
    --vk-comp-table-header-font-color-interactable: var(--oev-color-gray-default);
    --vk-comp-table-header-icon-color-interactable: var(--oev-color-gray-default);
    --vk-comp-table-filter-addrule-button-color: var(--oev-color-secondary-default);
    --vk-comp-table-filter-addrule-button-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-table-filter-addrule-button-color-active: var(--oev-color-secondary-active);
    --vk-comp-table-filter-addrule-button-color-focus: var(--oev-color-secondary-focus);
  }
  .theme-llb {
    --vk-comp-fileupload-button-text-color: var(--oev-color-gray-default);
  }
  .theme-llb {
    --vk-comp-datepicker-button-text-color-primary: var(--oev-color-gray-default);
    --vk-comp-datepicker-dropdown-hover-color: var(--oev-color-action-white);
    --vk-comp-datepicker-selected-color: var(--oev-color-gray-default);
  }
  .theme-llb {
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-focus: none;
    --vk-comp-input-box-shadow-hover-focus: none;
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
  }
  .theme-llb {
    --vk-comp-multiselect-dropdown-border-color-focus: transparent;
  }
  .theme-llb {
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-body);
    --vk-comp-select-menu-items-font-color-hover: var(--oev-color-primary-900);
    --vk-comp-select-menu-items-font-color-active: var(--oev-color-primary-900);
  }
  .theme-llb {
    --vk-comp-selectbutton-text-color-active: var(--oev-color-font-body-default);
    --vk-comp-selectbutton-text-color: var(--oev-color-font-body-default);
  }
  .theme-llb {
    --vk-comp-carousel-indicator-width: var(--vk-size-12);
    --vk-comp-carousel-indicator-height: var(--vk-size-12);
    --vk-comp-carousel-indicator-border-radius: 50%;
    --vk-comp-carousel-indicator-color: var(--oev-color-action-white);
    --vk-comp-carousel-indicator-color-active: var(--oev-color-gray-default);
    --vk-comp-carousel-indicator-border: var(--vk-size-01) solid var(--oev-color-gray-default);
    --vk-comp-carousel-indicator-border-hover: var(--vk-size-01) solid var(--oev-color-gray-hover);
    --vk-comp-carousel-prev-next-icon-color: var(--oev-color-gray-900);
    --vk-comp-carousel-prev-next-icon-color-hover: var(--oev-color-primary-900);
    --vk-comp-carousel-prev-next-icon-color-disabled: var(--oev-color-gray-200);
  }
  .theme-llb {
    --vk-comp-breadcrumb-item-font-style: var(--oev-font-style-body);
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-font-body-default);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-font-body-default);
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-font-body-default);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-color-primary-900);
  }
  .theme-llb {
    --vk-comp-menubar-item-text-font-style: var(--oev-font-style-body);
    --vk-comp-menubar-item-icon-color: var(--oev-color-font-body-default);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-action-white);
    --vk-comp-menubar-item-text-color: var(--oev-color-font-body-default);
  }
  .theme-llb {
    --vk-comp-avatar-text-color: var(--oev-color-font-body-default);
  }
  .theme-llb {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
    --vk-comp-badge-font-color-warning: var(--oev-color-action-white);
  }
  .theme-llb {
    --vk-comp-chip-color: var(--oev-color-primary-900);
    --vk-comp-chip-color-disabled: var(--oev-color-secondary-default);
  }
  .theme-llb {
    --vk-comp-progressbar-background-color: var(--oev-color-gray-100);
    --vk-comp-progressbar-label-color: var(--oev-color-gray-default);
  }
  .theme-llb {
    --vk-comp-tag-color-primary: var(--oev-color-gray-default);
    --vk-comp-tag-color-success: var(--oev-color-action-white);
    --vk-comp-tag-color-info: var(--oev-color-action-white);
    --vk-comp-tag-color-warning: var(--oev-color-action-white);
  }
  .theme-llb {
    --vk-comp-popover-font-color: var(--oev-color-action-white);
  }
  .theme-llb {
    --vk-comp-tooltip-font-color: var(--oev-color-action-white);
  }
  .theme-llb {
    --vk-comp-accordion-header-icon-color: var(--oev-color-font-body-default);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-color-primary-900);
  }
  .theme-llb {
    --vk-comp-card-header-background-color: var(--oev-color-background-03);
    --vk-comp-card-header-color: var(--oev-color-font-body-default);
    --vk-comp-card-header-icon-color: var(--oev-color-font-body-default);
  }
  .theme-llb {
    --vk-comp-fieldset-header-font-style-expandable: var(--oev-font-style-body);
    --vk-comp-fieldset-header-color: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-900);
  }
  .theme-llb {
    --vk-comp-panel-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-panel-header-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-900);
  }
  .theme-llb {
    --vk-comp-tabs-font-color-active: var(--oev-color-font-body-default);
  }
  .theme-oesa {
    --vk-comp-button-font-style: var(--oev-font-style-body);
    --vk-comp-button-color-primary: var(--oev-color-action-white);
    --vk-comp-button-color-primary-hover: var(--oev-color-action-white);
  }
  .theme-oesa {
    --vk-comp-chip-color: var(--oev-color-primary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-gray-disabled);
  }
  .theme-oevbs {
    --vk-comp-button-border-radius: var(--oev-ref-radius-03);
    --vk-comp-button-color-primary: var(--oev-color-action-white);
    --vk-comp-button-color-primary-active: var(--oev-color-action-white);
    --vk-comp-button-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-color-primary-disabled: var(--oev-color-gray-700);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
    --vk-comp-button-outlined-color-primary: var(--vk-comp-button-color-primary);
    --vk-comp-button-outlined-color-primary-active: var(--vk-comp-button-color-primary-active);
    --vk-comp-button-outlined-color-primary-disabled: var(--vk-comp-button-color-primary-disabled);
    --vk-comp-button-outlined-color-primary-hover: var(--vk-comp-button-color-primary-hover);
    --vk-comp-button-outlined-color-primary-focus: var(--vk-comp-button-color-primary);
    --vk-comp-button-outlined-border-color-primary: var(--vk-comp-button-border-color-primary);
    --vk-comp-button-outlined-border-color-primary-hover: transparent;
    --vk-comp-button-outlined-border-color-primary-active: var(--vk-comp-button-border-color-primary-active);
    --vk-comp-button-outlined-border-color-primary-focus: var(--vk-comp-button-border-color-primary-focus);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--vk-comp-button-border-color-primary-disabled);
    --vk-comp-button-outlined-background-color-primary: var(--vk-comp-button-background-color-primary);
    --vk-comp-button-outlined-background-color-primary-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-button-outlined-background-color-primary-focus: var(--vk-comp-button-background-color-primary-focus);
    --vk-comp-button-outlined-background-color-primary-active: var(--vk-comp-button-background-color-primary-active);
    --vk-comp-button-outlined-background-color-primary-disabled: var(--vk-comp-button-background-color-primary-disabled);
    --vk-comp-button-link-color-primary-hover: var(--vk-comp-button-background-color-primary-hover);
    --vk-comp-button-link-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
  }
  .theme-oevbs {
    --vk-comp-orderlist-container-item-background-color-focus: var(--oev-color-primary-50);
    --vk-comp-orderlist-container-item-background-color-active-focus: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-table-paginator-color-highlight: var(--oev-color-action-white);
    --vk-comp-table-paginator-background-color-hover: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-table-header-border-color: var(--oev-color-primary-100);
    --vk-comp-table-header-background-color: var(--oev-color-gray-50);
    --vk-comp-table-row-background-color-highlight: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-treetable-icon-background-color-default: var(--oev-color-primary-500);
    --vk-comp-treetable-icon-background-color-hover: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-datepicker-day-background-color-today: var(--oev-color-primary-50);
    --vk-comp-datepicker-day-background-color-hover: var(--oev-color-gray-700);
    --vk-comp-datepicker-day-background-color-highlight: var(--oev-color-primary-default);
    --vk-comp-datepicker-border-radius: 6px, ;
  }
  .theme-oevbs {
    --vk-comp-checkbox-border-color: var(--oev-color-gray-default);
    --vk-comp-checkbox-border-color-hover: var(--oev-color-gray-hover);
    --vk-comp-checkbox-color-checked-active: var(--oev-color-primary-default);
    --vk-comp-checkbox-color-checked-disabled: var(--oev-color-primary-disabled);
    --vk-comp-checkbox-color-checked-error: var(--oev-color-action-error);
    --vk-comp-checkbox-color-checked-hover: var(--oev-color-primary-hover);
    --vk-comp-checkbox-color-checked: var(--oev-color-primary-default);
  }
  .theme-oevbs {
    --vk-comp-input-border-color: var(--oev-color-gray-400);
    --vk-comp-input-border-color-focus: var(--oev-color-primary-default);
    --vk-comp-input-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-input-border-color-hover-focus: var(--oev-color-primary-default);
    --vk-comp-input-border-radius: 0.375rem;
  }
  .theme-oevbs {
    --vk-comp-multiselect-border-color-hover: var(--vk-comp-input-border-color-hover);
    --vk-comp-multiselect-dropdown-selected-background-color: var(--oev-color-primary-50);
    --vk-comp-multiselect-dropdown-border-color-focus: transparent;
    --vk-comp-multiselect-dropdown-text-color-disabled: var(--oev-color-gray-300);
  }
  .theme-oevbs {
    --vk-comp-radiobutton-icon-background-color: var(--oev-color-primary-default);
    --vk-comp-radiobutton-icon-background-color-disabled: var(--oev-color-primary-default);
    --vk-comp-radiobutton-border-color: var(--oev-color-gray-default);
    --vk-comp-radiobutton-border-color-hover: var(--oev-color-gray-hover);
  }
  .theme-oevbs {
    --vk-comp-select-forms-menu-background-color-active: var(--oev-color-primary-50);
    --vk-comp-select-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-select-icon-color: var(--oev-color-primary-default);
  }
  .theme-oevbs {
    --vk-comp-selectbutton-text-color: var(--oev-color-gray-default);
    --vk-comp-selectbutton-text-color-hover: var(--oev-color-primary-default);
    --vk-comp-selectbutton-text-color-active: var(--oev-color-action-white);
    --vk-comp-selectbutton-text-color-active-hover: var(--oev-color-action-white);
    --vk-comp-selectbutton-background-color: var(--oev-color-action-white);
    --vk-comp-selectbutton-background-color-disabled: var(--oev-color-gray-50);
    --vk-comp-selectbutton-border-color: var(--oev-color-gray-400);
    --vk-comp-selectbutton-border-color-focus: var(--oev-color-primary-default);
  }
  .theme-oevbs {
    --vk-comp-carousel-prev-next-icon-color: var(--oev-color-primary-default);
    --vk-comp-carousel-prev-next-icon-color-hover: var(--oev-color-primary-hover);
  }
  .theme-oevbs {
    --vk-comp-menubar-item-text-color: var(--oev-color-font-body);
    --vk-comp-menubar-item-icon-color: var(--oev-color-font-body);
    --vk-comp-menubar-item-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-primary-default);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-primary-default);
    --vk-comp-menubar-item-background-color-hover: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-badge-background-color-info: var(--primeng-color-info-500);
    --vk-comp-badge-background-color-danger: var(--primeng-color-danger-500);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
  }
  .theme-oevbs {
    --vk-comp-chip-background-color: var(--oev-color-primary-50);
  }
  .theme-oevbs {
    --vk-comp-tag-color-info: var(--oev-color-action-white);
  }
  .theme-oevbs {
    --vk-comp-tooltip-content-background-color: var(--oev-color-primary-50);
    --vk-comp-tooltip-font-color: var(--oev-font-color-body);
  }
  .theme-oevbs {
    --vk-comp-popover-content-background-color: var(--oev-color-primary-50);
    --vk-comp-popover-font-color-color: var(--oev-font-color-body);
  }
  .theme-oevbs {
    --vk-comp-accordion-header-background-color: var(--oev-color-primary-default);
    --vk-comp-accordion-header-background-color-hover: var(--oev-color-primary-hover);
    --vk-comp-accordion-header-color: var(--oev-color-action-white);
    --vk-comp-accordion-header-color-hover: var(--oev-color-action-white);
    --vk-comp-accordion-header-color-active: var(--oev-color-action-white);
    --vk-comp-accordion-header-icon-color-active: var(--oev-color-action-white);
    --vk-comp-accordion-header-icon-color: var(--oev-color-action-white);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-color-action-white);
  }
  .theme-oevbs {
    --vk-comp-card-header-background-color: var(--oev-color-primary-default);
    --vk-comp-card-header-color: var(--oev-color-action-white);
    --vk-comp-card-header-icon-color: var(--oev-color-action-white);
  }
  .theme-oevbs {
    --vk-comp-fieldset-border-color: var(--oev-color-gray-400);
    --vk-comp-fieldset-header-color: var(--oev-color-font-body-default);
    --vk-comp-fieldset-header-color-active: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-background-color-hover: var(--oev-color-primary-50);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-gray-400);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-gray-400);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-primary-hover);
    --vk-comp-fieldset-header-closed-font-color-hover: var(--oev-color-primary-hover);
  }
  .theme-oevbs {
    --vk-comp-panel-header-background-color-active: var(--oev-color-primary-default);
    --vk-comp-panel-header-background-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-color: var(--oev-color-action-white);
    --vk-comp-panel-header-color-hover: var(--oev-color-action-white);
    --vk-comp-panel-header-icon-color: var(--oev-color-action-white);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-action-white);
    --vk-comp-panel-border-color: var(--oev-color-gray-400);
    --vk-comp-panel-header-background-color-hover: var(--oev-color-primary-hover);
    --vk-comp-panel-header-background-color-active-hover: var(--oev-color-primary-hover);
  }
  .theme-oevbs {
    --vk-comp-stepper-step-number-color: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-active-border-color: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-active-color: var(--oev-color-primary-default);
    --vk-comp-stepper-separator-background: var(--oev-color-primary-disabled);
    --vk-comp-stepper-separator-background-active: var(--oev-color-primary-default);
    --vk-comp-stepper-step-number-border-color: var(--oev-color-primary-disabled);
  }
  .theme-pr {
    --vk-comp-button-font-style: var(--oev-font-style-body);
    --vk-comp-button-color-primary-hover: var(--oev-color-action-white);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
    --vk-comp-button-color-primary-disabled: var(--oev-color-action-white);
    --vk-comp-button-background-color-primary-disabled: var(--oev-color-primary-disabled);
    --vk-comp-button-background-color-primary-focus: var(--oev-color-primary-focus);
    --vk-comp-button-color-secondary-disabled: var(--oev-color-action-white);
    --vk-comp-button-background-color-secondary-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-button-outlined-background-color-primary-focus: var(--oev-color-primary-focus);
    --vk-comp-button-outlined-background-color-primary-disabled: var(--oev-color-action-white);
    --vk-comp-button-outlined-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-outlined-color-primary-disabled: var(--oev-color-primary-disabled);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--oev-color-primary-disabled);
    --vk-comp-button-outlined-background-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-outlined-background-color-secondary-disabled: var(--oev-color-action-white);
    --vk-comp-button-outlined-color-secondary: var(--oev-color-secondary-default);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-button-link-color-primary-focus: var(--oev-color-primary-focus);
    --vk-comp-button-link-color-secondary-focus: var(--oev-color-secondary-focus);
  }
  .theme-pr {
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-focus: none;
    --vk-comp-input-box-shadow-hover-focus: none;
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
  }
  .theme-pr {
    --vk-comp-select-menu-items-font-style: var(--oev-font-style-body);
  }
  .theme-pr {
    --vk-comp-selectbutton-text-weight: var(--oev-font-weight-default);
    --vk-comp-selectbutton-text-color-disabled: var(--oev-color-primary-disabled);
    --vk-comp-selectbutton-background-color-active-disabled: var(--oev-color-action-white);
  }
  .theme-pr {
    --vk-comp-carousel-indicator-width: var(--vk-size-12);
    --vk-comp-carousel-indicator-height: var(--vk-size-12);
    --vk-comp-carousel-indicator-color: var(--oev-color-action-white);
    --vk-comp-carousel-indicator-color-active: var(--oev-color-gray-800);
    --vk-comp-carousel-indicator-border: var(--vk-size-01) solid var(--oev-color-gray-800);
  }
  .theme-pr {
    --vk-comp-breadcrumb-item-font-style: var(--oev-font-style-body);
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-font-body-default);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-font-body-default);
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-font-body-default);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-color-primary-default);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-color-primary-hover);
  }
  .theme-pr {
    --vk-comp-menubar-item-text-font-style: var(--oev-font-style-body);
  }
  .theme-pr {
    --vk-comp-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-pr {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-pr {
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
    --vk-comp-badge-font-color-warning: var(--oev-color-action-white);
  }
  .theme-pr {
    --vk-comp-popover-font-color: var(--oev-color-action-white);
  }
  .theme-pr {
    --vk-comp-tooltip-font-color: var(--oev-color-action-white);
  }
  .theme-pr {
    --vk-comp-card-header-color: var(--oev-color-font-body-default);
    --vk-comp-card-header-icon-color: var(--oev-color-font-body-default);
  }
  .theme-pr {
    --vk-comp-fieldset-header-font-style-expandable: var(--oev-font-style-body);
  }
  .theme-pr {
    --vk-comp-panel-header-font-style: var(--oev-font-style-body);
    --vk-comp-panel-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-panel-header-color: var(--oev-color-font-body-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-font-body-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-900);
  }
  .theme-prn {
    --vk-comp-button-font-style: var(--oev-font-style-body);
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-danger-hover: var(--oev-color-action-white);
  }
  .theme-sav {
    --vk-comp-input-border-radius: 0;
  }
  .theme-sav {
    --vk-comp-select-forms-menu-background-color-active: var(--oev-color-background-01);
    --vk-comp-select-border-radius: 0;
  }
  .theme-sav {
    --vk-comp-multiselect-border-radius: 0;
  }
  .theme-sav {
    --vk-comp-selectbutton-border-radius: 0;
    --vk-comp-selectbutton-togglebutton-border-radius: 0;
  }
  .theme-sav {
    --vk-comp-chip-background-color: var(--oev-color-background-01);
    --vk-comp-chip-border-radius: 0;
  }
  .theme-sav {
    --vk-comp-accordion-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-accordion-header-color: var(--oev-color-gray-900);
    --vk-comp-accordion-header-color-hover: var(--oev-color-gray-900);
    --vk-comp-accordion-content-background-color: var(--oev-color-gray-50);
    --vk-comp-accordion-header-background-color-hover: var(--oev-color-gray-100);
  }
  .theme-sav {
    --vk-comp-card-header-color: var(--oev-color-gray-900);
    --vk-comp-card-header-icon-color: var(--oev-color-gray-900);
  }
  .theme-sav {
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-hover);
  }
  .theme-sav {
    --vk-comp-panel-header-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-gray-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-hover);
  }
  .theme-sav25 {
    --vk-comp-chip-color: var(--oev-color-secondary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-secondary-disabled);
  }
  .theme-spk {
    --vk-comp-button-border-radius: 1000rem;
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-help: var(--oev-color-action-white);
    --vk-comp-button-color-help-hover: var(--oev-color-action-white);
    --vk-comp-button-color-secondary: var(--oev-comp-button-secondary-outlined-color-label-default);
    --vk-comp-button-color-secondary-hover: var(--oev-color-white-default);
    --vk-comp-button-color-secondary-disabled: var(--oev-color-gray-700);
    --vk-comp-button-color-secondary-active: var(--oev-color-white-default);
    --vk-comp-button-background-color-secondary: transparent;
    --vk-comp-button-background-color-secondary-active: var(--oev-color-secondary-active);
    --vk-comp-button-background-color-secondary-disabled: var(--oev-color-gray-200);
    --vk-comp-button-background-color-secondary-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-background-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-border-color-secondary: var(--oev-color-gray-900);
    --vk-comp-button-border-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-border-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-border-color-secondary-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-button-border-color-secondary-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-button-outlined-color-primary: var(--vk-comp-button-color-secondary);
    --vk-comp-button-outlined-color-primary-active: var(--vk-comp-button-color-secondary-active);
    --vk-comp-button-outlined-color-primary-disabled: var(--vk-comp-button-color-secondary-disabled);
    --vk-comp-button-outlined-color-primary-hover: var(--vk-comp-button-color-secondary-hover);
    --vk-comp-button-outlined-color-primary-focus: var(--oev-color-action-white);
    --vk-comp-button-outlined-border-color-primary: var(--vk-comp-button-border-color-secondary);
    --vk-comp-button-outlined-border-color-primary-hover: transparent;
    --vk-comp-button-outlined-border-color-primary-active: var(--vk-comp-button-border-color-secondary-active);
    --vk-comp-button-outlined-border-color-primary-focus: var(--vk-comp-button-border-color-secondary-focus);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--vk-comp-button-border-color-secondary-disabled);
    --vk-comp-button-outlined-background-color-primary: transparent;
    --vk-comp-button-outlined-background-color-primary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-outlined-background-color-primary-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-button-outlined-background-color-primary-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-button-outlined-background-color-primary-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-button-outlined-color-secondary: var(--oev-comp-button-secondary-outlined-color-label-default);
    --vk-comp-button-outlined-color-secondary-active: var(--oev-color-white-default);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-color-gray-700);
    --vk-comp-button-outlined-color-secondary-hover: var(--oev-color-white-default);
    --vk-comp-button-outlined-color-secondary-focus: var(--oev-color-action-white);
    --vk-comp-button-outlined-border-color-secondary: var(--vk-comp-button-border-color-secondary);
    --vk-comp-button-outlined-border-color-secondary-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-button-outlined-border-color-secondary-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-button-outlined-border-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-button-outlined-background-color-secondary: transparent;
    --vk-comp-button-outlined-background-color-secondary-hover: var(--oev-color-secondary-hover);
    --vk-comp-button-outlined-background-color-secondary-focus: var(--oev-color-secondary-focus);
    --vk-comp-button-outlined-background-color-secondary-active: var(--oev-color-secondary-active);
    --vk-comp-button-outlined-background-color-secondary-disabled: var(--oev-color-gray-200);
    --vk-comp-button-text-background-color-secondary: var(--oev-color-gray-default);
    --vk-comp-button-text-color-primary-focus: var(--vk-comp-button-border-color-primary);
    --vk-comp-button-text-color-secondary-focus: var(--vk-comp-button-border-color-secondary);
    --vk-comp-button-link-color-primary: var(--oev-color-gray-default);
    --vk-comp-button-link-color-secondary: var(--oev-color-gray-default);
    --vk-comp-button-link-color-primary-hover: var(--oev-color-gray-hover);
    --vk-comp-button-link-color-primary-active: var(--oev-color-gray-active);
    --vk-comp-button-link-color-secondary-hover: var(--oev-color-gray-hover);
    --vk-comp-button-link-color-secondary-active: var(--oev-color-gray-active);
    --vk-comp-button-text-border-radius: 0;
  }
  .theme-spk {
    --vk-comp-orderlist-border-color: var(--oev-color-background-01);
    --vk-comp-orderlist-container-item-background-color-active: var(--oev-color-gray-200);
    --vk-comp-orderlist-container-item-background-color-focus: var(--oev-color-gray-100);
    --vk-comp-orderlist-container-item-background-color-active-focus: var(--oev-color-gray-100);
    --vk-comp-orderlist-controls-text-color-hover: var(--oev-color-primary-default);
    --vk-comp-orderlist-controls-button-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-orderlist-controls-button-color-hover: var(--oev-color-action-white);
  }
  .theme-spk {
    --vk-comp-table-paginator-background-color-hover: var(--oev-color-background-03);
  }
  .theme-spk {
    --vk-comp-table-header-caption-background-color: var(--oev-color-background-08);
    --vk-comp-table-header-font-color-interactable: var(--oev-color-gray-default);
    --vk-comp-table-header-font-color-interactable-hover: var(--oev-color-gray-hover);
    --vk-comp-table-header-background-color: var(--oev-color-background-08);
    --vk-comp-table-header-border-color: var(--oev-color-background-01);
    --vk-comp-table-row-background-color-hover: var(--oev-color-background-03);
    --vk-comp-table-row-background-color-highlight: var(--oev-color-gray-200);
    --vk-comp-table-header-icon-color-interactable: var(--oev-color-gray-default);
    --vk-comp-table-filter-clear-button-color-hover: var(--oev-color-action-white);
    --vk-comp-table-filter-clear-button-border-color-default: var(--oev-color-gray-800);
    --vk-comp-table-filter-clear-button-border-color-hover: var(--oev-color-gray-800);
  }
  .theme-spk {
    --vk-comp-checkbox-background-color-checked-focus: var(--oev-color-secondary-default);
    --vk-comp-checkbox-color-checked-active: var(--oev-color-secondary-active);
    --vk-comp-checkbox-color-checked-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-checkbox-color-checked-error: var(--oev-comp-forms-checkbox-selected-color-error);
    --vk-comp-checkbox-color-checked-hover: var(--oev-color-secondary-hover);
    --vk-comp-checkbox-color-checked: var(--oev-color-secondary-default);
  }
  .theme-spk {
    --vk-comp-datepicker-day-background-color-highlight: var(--oev-color-gray-active);
    --vk-comp-datepicker-day-background-color-hover: var(--oev-color-gray-300);
    --vk-comp-datepicker-date-hover-color: var(--oev-color-font-body-default);
    --vk-comp-datepicker-date-border-radius: var(--oev-ref-radius-s);
  }
  .theme-spk {
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-focus: none;
    --vk-comp-input-box-shadow-hover-focus: none;
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
    --vk-comp-input-border-color-hover: var(--oev-color-gray-1100);
    --vk-comp-input-border-color-disabled: var(--oev-color-gray-600);
    --vk-comp-input-border-width-error: var(--oev-ref-size-01);
    --vk-comp-input-border-width: var(--oev-ref-size-01);
    --vk-comp-input-border-width-hover: var(--oev-ref-size-01);
    --vk-comp-input-border-color-focus: var(--oev-color-action-focus-on-light);
    --vk-comp-input-border-color-hover-focus: var(--oev-color-action-focus-on-light);
    --vk-comp-input-color-disabled: var(--oev-color-gray-400);
    --vk-comp-input-border-hover: var(--vk-comp-input-border-width-hover) solid var(--vk-comp-input-border-color-hover);
    --vk-comp-input-border-error-hover: var(--vk-comp-input-border-width-hover) solid var(--vk-comp-input-border-color-error-hover);
    --vk-comp-input-border-focus: var(--vk-comp-input-border-width-focus) solid var(--vk-comp-input-border-color-focus);
    --vk-comp-input-border-hover-focus: var(--vk-comp-input-border-width-focus) solid var(--vk-comp-input-border-color-hover-focus);
    --vk-comp-input-border-error-focus: var(--vk-comp-input-border-width-focus) solid var(--vk-comp-input-border-color-error-focus);
    --vk-comp-input-border-error-hover-focus: var(--vk-comp-input-border-width-hover) solid var(--vk-comp-input-border-color-error-hover);
  }
  .theme-spk {
    --vk-comp-multiselect-dropdown-border-color-focus: none;
    --vk-comp-multiselect-dropdown-selected-background-color: var(--oev-color-gray-200);
    --vk-comp-multiselect-boxshadow-hover: none;
    --vk-comp-multiselect-border-color-hover: var(--oev-color-action-focus-on-light);
    --vk-comp-multiselect-border-color-focus: var(--oev-color-action-focus-on-light);
    --vk-comp-multiselect-border-radius: var(--oev-ref-radius-s);
  }
  .theme-spk {
    --vk-comp-radiobutton-border-color-active: var(--oev-color-secondary-active);
    --vk-comp-radiobutton-border-color-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-radiobutton-border-color-error: var(--oev-comp-forms-radio-button-color-bullet-outline-error);
    --vk-comp-radiobutton-border-color-focus: var(--oev-color-secondary-focus);
    --vk-comp-radiobutton-border-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-radiobutton-border-color: var(--oev-color-secondary-default);
    --vk-comp-radiobutton-selected-border-color-active: var(--oev-color-secondary-active);
    --vk-comp-radiobutton-selected-border-color-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-radiobutton-selected-border-color-error: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-error);
    --vk-comp-radiobutton-selected-border-color-focus: var(--oev-color-secondary-focus);
    --vk-comp-radiobutton-selected-border-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-radiobutton-selected-border-color: var(--oev-color-secondary-default);
    --vk-comp-radiobutton-selected-inner-color-active: var(--oev-color-secondary-active);
    --vk-comp-radiobutton-selected-inner-color-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-radiobutton-selected-inner-color-error: var(--oev-comp-forms-radio-button-selected-color-bullet-outline-error);
    --vk-comp-radiobutton-selected-inner-color-focus: var(--oev-color-secondary-focus);
    --vk-comp-radiobutton-selected-inner-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-radiobutton-selected-inner-color: var(--oev-color-secondary-default);
    --vk-comp-radiobutton-icon-background-color: var(--oev-color-secondary-default);
    --vk-comp-radiobutton-icon-background-color-disabled: var(--oev-color-secondary-disabled);
  }
  .theme-spk {
    --vk-comp-select-forms-menu-background-color-hover: var(--oev-color-background-03);
    --vk-comp-select-forms-menu-background-color-active: var(--oev-color-gray-100);
    --vk-comp-select-forms-menu-background-color-active-focus: var(--oev-color-gray-300);
    --vk-comp-select-menu-items-background-color-hover: var(--oev-color-gray-100);
    --vk-comp-select-border-color-focus: var(--oev-color-action-focus-on-light);
    --vk-comp-select-border-color-hover-focus: var(--oev-color-action-focus-on-light);
    --vk-comp-select-boxshadow-hover: none;
    --vk-comp-select-boxshadow-focus: none;
    --vk-comp-select-boxshadow-hover-focus: none;
    --vk-comp-select-forms-menu-background-color-active-focus-hover: var(--oev-color-gray-100);
  }
  .theme-spk {
    --vk-comp-selectbutton-background-color: var(--oev-color-background-08);
    --vk-comp-selectbutton-background-color-disabled: var(--oev-color-background-03);
    --vk-comp-selectbutton-border-color: var(--oev-color-gray-300);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-gray-300);
  }
  .theme-spk {
    --vk-comp-toggleswitch-background-color-checked: var(--primeng-color-success-600);
    --vk-comp-toggleswitch-background-color-checked-hover: var(--primeng-color-success-900);
  }
  .theme-spk {
    --vk-comp-carousel-indicator-color: var(--oev-color-gray-200);
    --vk-comp-carousel-indicator-border: 1px solid var(--oev-color-gray-default);
    --vk-comp-carousel-indicator-color-active: var(--oev-color-gray-default);
    --vk-comp-carousel-indicator-height: 0.5rem;
    --vk-comp-carousel-indicator-width: var(--vk-comp-carousel-indicator-height);
    --vk-comp-carousel-prev-next-icon-color: var(--oev-color-primary-default);
    --vk-comp-carousel-prev-next-icon-color-disabled: var(--oev-color-primary-disabled);
  }
  .theme-spk {
    --vk-comp-breadcrumb-background-color: white;
    --vk-comp-breadcrumb-border-color: var(--oev-color-secondary-100);
    --vk-comp-breadcrumb-border-width: 1px;
    --vk-comp-breadcrumb-border-radius: var(--oev-ref-radius-m);
    --vk-comp-breadcrumb-item-spacing-left-right: var(--vk-spacing-08);
    --vk-comp-breadcrumb-item-spacing-top-bottom: var(--vk-spacing-16);
    --vk-comp-breadcrumb-separator-spacing-left-right: var(--vk-spacing-04);
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-home-icon-size: var(--oev-font-size-link-small);
    --vk-comp-breadcrumb-item-font-style: var(--oev-font-style-link-small);
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-color-gray-hover);
    --vk-comp-breadcrumb-item-text-color-focus: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-border-color-focus: var(--oev-color-action-focus-on-light);
    --vk-comp-breadcrumb-item-border-width-focus: 2px;
    --vk-comp-breadcrumb-item-text-decoration-hover: underline;
    --vk-comp-breadcrumb-item-text-decoration-hover-active: none;
    --vk-comp-breadcrumb-borderless-padding-focus: var(--vk-spacing-08);
  }
  .theme-spk {
    --vk-comp-menubar-item-icon-color: var(--oev-color-gray-default);
    --vk-comp-menubar-item-icon-color-hover: var(--oev-color-gray-hover);
    --vk-comp-menubar-item-text-color: var(--oev-color-gray-default);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-gray-hover);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-gray-active);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-gray-100);
    --vk-comp-menubar-item-background-color-hover: var(--oev-color-gray-100);
    --vk-comp-menubar-item-content-radius: 5000px;
  }
  .theme-spk {
    --vk-comp-message-background-color-primary: var(--oev-color-primary-50);
    --vk-comp-message-text-color-error: var(--primeng-color-danger-900);
    --vk-comp-message-text-color-info: var(--primeng-color-info-900);
    --vk-comp-message-text-color-success: var(--primeng-color-success-600);
    --vk-comp-message-text-color-warning: var(--primeng-color-warning-900);
    --vk-comp-message-text-color-primary: var(--oev-color-font-body-default);
    --vk-comp-message-text-color-secondary: var(--oev-color-font-body-default);
  }
  .theme-spk {
    --vk-comp-toast-message-font-color-primary: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-secondary: var(--oev-color-font-body-default);
    --vk-comp-toast-message-font-color-success: var(--primeng-color-success-600);
    --vk-comp-toast-message-font-color-info: var(--primeng-color-info-900);
    --vk-comp-toast-message-font-color-warning: var(--primeng-color-warning-900);
    --vk-comp-toast-message-font-color-error: var(--primeng-color-danger-900);
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-50);
  }
  .theme-spk {
    --vk-comp-badge-background-color-info: var(--primeng-color-info-light);
    --vk-comp-badge-font-color-info: var(--oev-color-font-body-default);
    --vk-comp-badge-background-color-success: var(--primeng-color-success-light);
    --vk-comp-badge-font-color-success: var(--primeng-color-success-default);
    --vk-comp-badge-background-color-warning: var(--primeng-color-warning-light);
    --vk-comp-badge-font-color-warning: var(--primeng-color-warning-default);
    --vk-comp-badge-background-color-danger: var(--primeng-color-danger-light);
    --vk-comp-badge-font-color-danger: var(--primeng-color-danger-default);
  }
  .theme-spk {
    --vk-comp-chip-color: var(--oev-color-gray-default);
  }
  .theme-spk {
    --vk-comp-progressbar-background-color: var(--oev-color-gray-100);
    --vk-comp-progressbar-value-background-color: var(--oev-color-gray-default);
  }
  .theme-spk {
    --vk-comp-progressspinner-color: var(--oev-color-primary-default);
    --vk-comp-progressspinner-fill: var(--oev-color-background-03);
    --vk-comp-progressspinner-size: var(--vk-size-64);
    --vk-comp-progressspinner-size-small: var(--vk-size-40);
    --vk-comp-progressspinner-stroke-width-small: var(--vk-size-08);
  }
  .theme-spk {
    --vk-comp-tag-color-success: var(--primeng-color-success-default);
    --vk-comp-tag-color-info: var(--primeng-color-info-default);
    --vk-comp-tag-color-warning: var(--primeng-color-warning-default);
    --vk-comp-tag-color-danger: var(--primeng-color-danger-default);
    --vk-comp-tag-background-color-success: var(--primeng-color-success-light);
    --vk-comp-tag-background-color-info: var(--primeng-color-info-light);
    --vk-comp-tag-background-color-warning: var(--primeng-color-warning-light);
    --vk-comp-tag-background-color-danger: var(--primeng-color-danger-light);
  }
  .theme-spk {
    --vk-comp-tooltip-content-background-color: var(--oev-color-background-03);
    --vk-comp-tooltip-border-color: var(--oev-color-gray-300);
  }
  .theme-spk {
    --vk-comp-popover-content-background-color: var(--oev-color-background-03);
  }
  .theme-spk {
    --vk-comp-accordion-header-background-color: var(--oev-color-background-08);
    --vk-comp-accordion-header-background-color-hover: var(--oev-color-background-03);
    --vk-comp-accordion-header-color-active: var(--oev-color-secondary-active);
    --vk-comp-accordion-header-icon-color-active: var(--oev-color-gray-default);
    --vk-comp-accordion-header-font-weight-hover: var(--oev-comp-accordion-header-font-weight-default);
    --vk-comp-accordion-header-font-weight-active: var(--oev-comp-accordion-header-font-weight-default);
    --vk-comp-accordion-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-color-gray-hover);
    --vk-comp-accordion-divider-color: var(--oev-color-gray-300);
  }
  .theme-spk {
    --vk-comp-card-border: 1px solid var(--oev-color-gray-300);
    --vk-comp-card-border-radius: var(--oev-ref-radius-m);
    --vk-comp-card-header-background-color: var(--oev-color-action-white);
    --vk-comp-card-header-title-color: var(--oev-color-font-headline);
    --vk-comp-card-shadow: var(--oev-sys-elevation-level-1);
  }
  .theme-spk {
    --vk-comp-divider-color: var(--oev-color-gray-300);
  }
  .theme-spk {
    --vk-comp-fieldset-header-background-color: var(--oev-color-action-white);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-fieldset-header-background-color-hover: var(--oev-color-background-03);
    --vk-comp-fieldset-header-color: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-color-active: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-color-default: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-gray-300);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-gray-300);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-gray-default);
    --vk-comp-fieldset-border-color: var(--oev-color-gray-300);
  }
  .theme-spk {
    --vk-comp-panel-header-background-color: var(--oev-color-background-08);
    --vk-comp-panel-header-background-color-hover: var(--oev-color-background-03);
    --vk-comp-panel-header-background-color-active: var(--oev-color-background-08);
    --vk-comp-panel-header-background-color-active-hover: var(--oev-color-background-08);
    --vk-comp-panel-header-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-gray-default);
    --vk-comp-panel-header-color-active: var(--oev-color-gray-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-gray-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-gray-default);
    --vk-comp-panel-border-color: var(--oev-color-gray-300);
  }
  .theme-spk {
    --vk-comp-tabs-font-color-active: var(--oev-color-primary-active);
    --vk-comp-tabs-border-color-active: var(--oev-color-primary-active);
    --vk-comp-tabs-border-color-hover: var(--oev-color-primary-hover);
    --vk-comp-tabs-tab-border-bottom-width: 2px;
    --vk-comp-tabs-tabmenu-icon-color-active: var(--oev-color-primary-active);
  }
  .theme-sv {
    --vk-comp-button-color-success: var(--oev-color-action-white);
    --vk-comp-button-color-success-hover: var(--oev-color-action-white);
    --vk-comp-button-color-info: var(--oev-color-action-white);
    --vk-comp-button-color-info-hover: var(--oev-color-action-white);
    --vk-comp-button-color-warning: var(--oev-color-action-white);
    --vk-comp-button-color-warning-hover: var(--oev-color-action-white);
    --vk-comp-button-color-help: var(--oev-color-action-white);
    --vk-comp-button-color-help-hover: var(--oev-color-action-white);
  }
  .theme-sv {
    --vk-comp-table-header-caption-background-color: var(--oev-color-background-14);
    --vk-comp-table-header-background-color: var(--oev-color-background-15);
    --vk-comp-table-row-background-color-hover: var(--oev-color-background-15);
    --vk-comp-table-row-background-color-highlight: var(--oev-color-background-15);
  }
  .theme-sv {
    --vk-comp-input-box-shadow-hover: none;
    --vk-comp-input-box-shadow-focus: none;
    --vk-comp-input-box-shadow-hover-focus: none;
    --vk-comp-input-box-shadow-error-focus: none;
    --vk-comp-input-box-shadow-error-hover: none;
    --vk-comp-input-box-shadow-error-hover-focus: none;
  }
  .theme-sv {
    --vk-comp-selectbutton-background-color: var(--oev-color-background-14);
    --vk-comp-selectbutton-border-color: var(--oev-color-gray-300);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-gray-300);
    --vk-comp-selectbutton-text-weight: var(--oev-font-weight-regular);
  }
  .theme-sv {
    --vk-comp-carousel-indicator-width: var(--vk-size-08);
    --vk-comp-carousel-indicator-height: var(--vk-size-08);
    --vk-comp-carousel-indicator-color: var(--oev-color-action-white);
    --vk-comp-carousel-indicator-color-active: var(--oev-color-gray-800);
    --vk-comp-carousel-indicator-border: var(--vk-size-01) solid var(--oev-color-gray-800);
  }
  .theme-sv {
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-gray-800);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-gray-800);
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-gray-500);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-color-primary-hover);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-color-primary-hover);
  }
  .theme-sv {
    --vk-comp-menubar-item-text-color: var(--oev-color-gray-800);
    --vk-comp-menubar-item-background-color-hover: var(--oev-color-gray-100);
    --vk-comp-menubar-item-background-color-active: var(--oev-color-gray-200);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-primary-hover);
  }
  .theme-sv {
    --vk-comp-message-background-color-primary: var(--oev-color-gray-100);
  }
  .theme-sv {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-gray-100);
  }
  .theme-sv {
    --vk-comp-badge-font-color-info: var(--oev-color-action-white);
    --vk-comp-badge-font-color-success: var(--oev-color-action-white);
    --vk-comp-badge-font-color-warning: var(--oev-color-action-white);
  }
  .theme-sv {
    --vk-comp-progressbar-background-color: var(--oev-color-gray-200);
  }
  .theme-sv {
    --vk-comp-tag-color-info: var(--oev-color-action-white);
    --vk-comp-tag-color-success: var(--oev-color-action-white);
    --vk-comp-tag-color-warning: var(--oev-color-action-white);
  }
  .theme-sv {
    --vk-comp-popover-font-color: var(--oev-color-action-white);
  }
  .theme-sv {
    --vk-comp-tooltip-font-color: var(--oev-color-action-white);
  }
  .theme-sv {
    --vk-comp-accordion-header-custom-icon-color: var(--oev-color-primary-default);
  }
  .theme-sv {
    --vk-comp-card-header-background-color: var(--oev-color-background-14);
  }
  .theme-sv {
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-color: var(--oev-color-font-body-default);
    --vk-comp-fieldset-border-color: var(--oev-color-gray-300);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-background-15);
  }
  .theme-sv {
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-hover);
    --vk-comp-panel-border-color: var(--oev-color-gray-300);
    --vk-comp-panel-header-background-color: var(--oev-color-background-15);
    --vk-comp-panel-header-background-color-active: var(--oev-color-background-15);
  }
  .theme-sv {
    --vk-comp-tabs-tabmenu-background-color: transparent;
  }
  .theme-svlfg {
    --vk-comp-button-color-primary-hover: var(--oev-color-action-white);
  }
  .theme-ukv {
    --vk-comp-orderlist-controls-button-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-orderlist-controls-button-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-orderlist-controls-button-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-orderlist-controls-button-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-orderlist-controls-button-color-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-orderlist-border-color: var(--oev-color-secondary-100);
    --vk-comp-orderlist-controls-button-border-color-hover: var(--vk-comp-orderlist-controls-button-color-hover);
  }
  .theme-ukv {
    --vk-comp-table-paginator-background-color-highlight: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-table-header-font-color-focus: var(--oev-color-secondary-default);
    --vk-comp-table-filter-addrule-button-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-table-filter-addrule-button-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-table-filter-addrule-button-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-table-filter-addrule-button-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-table-filter-addrule-button-border-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-table-filter-clear-button-color: var(--oev-comp-button-secondary-outlined-color-label-default);
    --vk-comp-table-filter-clear-button-color-active: var(--oev-comp-button-secondary-outlined-color-label-active);
    --vk-comp-table-filter-clear-button-color-disabled: var(--oev-comp-button-secondary-outlined-color-label-disabled);
    --vk-comp-table-filter-clear-button-color-hover: var(--oev-comp-button-secondary-outlined-color-label-hover);
    --vk-comp-table-filter-clear-button-color-focus: var(--oev-comp-button-secondary-outlined-color-label-focus);
    --vk-comp-table-filter-clear-button-border-color-default: var(--oev-color-secondary-default);
    --vk-comp-table-filter-clear-button-border-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-table-filter-clear-button-border-color-active: var(--oev-color-secondary-active);
    --vk-comp-table-filter-clear-button-border-color-focus: var(--oev-color-secondary-focus);
    --vk-comp-table-filter-clear-button-border-color-disabled: var(--oev-color-secondary-disabled);
    --vk-comp-table-header-icon-color-interactable: var(--oev-color-secondary-default);
    --vk-comp-table-header-font-color-interactable: var(--oev-color-secondary-default);
    --vk-comp-table-header-font-color-interactable-hover: var(--oev-color-secondary-hover);
    --vk-comp-table-header-border-color-focus: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-fileupload-button-background-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-fileupload-button-background-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-fileupload-button-background-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-fileupload-button-background-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-fileupload-button-background-color-disabled: var(--vk-comp-button-background-color-secondary-disabled);
    --vk-comp-fileupload-button-border-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-fileupload-button-border-color-hover: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-fileupload-button-border-color-active: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-fileupload-button-border-color-focus: var(--vk-comp-button-background-color-secondary-focus);
    --vk-comp-fileupload-button-border-color-disabled: var(--vk-comp-button-background-color-secondary-disabled);
  }
  .theme-ukv {
    --vk-comp-datepicker-dropdown-border-color: var(--vk-comp-button-border-color-secondary);
    --vk-comp-datepicker-dropdown-hover-border-color: var(--vk-comp-button-border-color-secondary-hover);
    --vk-comp-datepicker-dropdown-active-border-color: var(--vk-comp-button-border-color-secondary-active);
    --vk-comp-datepicker-dropdown-background: var(--vk-comp-button-background-color-secondary);
    --vk-comp-datepicker-dropdown-hover-background: var(--vk-comp-button-background-color-secondary-hover);
    --vk-comp-datepicker-dropdown-active-background: var(--vk-comp-button-background-color-secondary-active);
    --vk-comp-datepicker-dropdown-color: var(--vk-comp-button-color-secondary);
    --vk-comp-datepicker-dropdown-hover-color: var(--vk-comp-button-color-secondary);
    --vk-comp-datepicker-dropdown-active-color: var(--vk-comp-button-color-secondary);
    --vk-comp-datepicker-input-icon-color: var(--vk-comp-button-background-color-secondary);
    --vk-comp-datepicker-button-text-color-primary: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-select-menu-items-font-color-hover: var(--oev-color-secondary-default);
    --vk-comp-select-menu-items-font-color-active: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-toggleswitch-background-color-checked: var(--oev-color-secondary-default);
    --vk-comp-toggleswitch-background-color-checked-hover: var(--oev-color-secondary-hover);
    --vk-comp-toggleswitch-background-color-checked-error: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-multiselect-dropdown-selected-text-color: var(--oev-color-secondary-800);
    --vk-comp-multiselect-dropdown-border-color-focus: var(--oev-color-secondary-focus);
  }
  .theme-ukv {
    --vk-comp-selectbutton-background-color-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-background-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-selectbutton-background-color-active-hover: var(--oev-color-secondary-hover);
    --vk-comp-selectbutton-content-background-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-border-color: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-border-color-active: var(--oev-color-secondary-default);
    --vk-comp-selectbutton-border-color-disabled: var(--oev-color-secondary-100);
    --vk-comp-selectbutton-text-color: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-carousel-indicator-color-active: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-breadcrumb-separator-icon-color: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-item-text-color-active: var(--oev-color-gray-default);
    --vk-comp-breadcrumb-item-text-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-breadcrumb-item-text-color-focus: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-item-text-color: var(--oev-color-secondary-default);
    --vk-comp-breadcrumb-home-icon-color: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-menubar-item-icon-color: var(--oev-color-secondary-default);
    --vk-comp-menubar-item-text-color: var(--oev-color-secondary-default);
    --vk-comp-menubar-item-text-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-menubar-item-text-color-active: var(--oev-color-secondary-active);
  }
  .theme-ukv {
    --vk-comp-message-icon-color-info: var(--oev-color-secondary-default);
    --vk-comp-message-icon-color-warning: var(--oev-color-action-warning);
  }
  .theme-ukv {
    --vk-comp-toast-message-icon-color-info: var(--oev-color-action-info);
    --vk-comp-toast-message-icon-color-warning: var(--oev-color-action-warning);
  }
  .theme-ukv {
    --vk-comp-avatar-text-color: var(--oev-color-action-black);
  }
  .theme-ukv {
    --vk-comp-chip-color: var(--oev-color-secondary-default);
    --vk-comp-chip-color-disabled: var(--oev-color-secondary-disabled);
  }
  .theme-ukv {
    --vk-comp-progressbar-background-color: var(--oev-color-secondary-50);
    --vk-comp-progressbar-value-background-color: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-progressspinner-color: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-tag-background-color: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-fieldset-header-icon-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-color: var(--oev-color-secondary-default);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-fieldset-header-font-color-hover: var(--oev-color-secondary-hover);
    --vk-comp-fieldset-header-border-color-active: var(--oev-color-secondary-active);
  }
  .theme-ukv {
    --vk-comp-panel-header-icon-color: var(--oev-color-secondary-default);
  }
  .theme-ukv {
    --vk-comp-tabs-font-color-active: var(--oev-color-secondary-default);
    --vk-comp-tabs-border-color-active: var(--oev-color-secondary-default);
    --vk-comp-tabs-border-color-focus: var(--oev-color-secondary-focus);
    --vk-comp-tabs-tabmenu-icon-color: var(--oev-color-secondary-default);
    --vk-comp-tabs-tabmenu-icon-color-active: var(--oev-color-secondary-default);
  }
  .theme-vkb {
    --vk-comp-button-background-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-background-color-secondary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-font-color-disabled: var(--oev-color-gray-400);
    --vk-comp-button-background-color-primary-disabled: var(--oev-color-gray-50);
    --vk-comp-button-background-color-secondary-disabled: var(--oev-color-gray-50);
    --vk-comp-button-background-color-success-disabled: var(--oev-color-gray-50);
    --vk-comp-button-background-color-info-disabled: var(--oev-color-gray-50);
    --vk-comp-button-background-color-warning-disabled: var(--oev-color-gray-50);
    --vk-comp-button-background-color-help-disabled: var(--oev-color-gray-50);
    --vk-comp-button-background-color-danger-disabled: var(--oev-color-gray-50);
    --vk-comp-button-color-primary-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-secondary-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-success-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-info-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-warning-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-help-disabled: var(--oev-color-gray-600);
    --vk-comp-button-color-danger-disabled: var(--oev-color-gray-600);
    --vk-comp-button-border-color-primary-disabled: var(--oev-color-gray-50);
    --vk-comp-button-border-color-secondary-disabled: var(--oev-color-gray-50);
    --vk-comp-button-border-color-success-disabled: var(--oev-color-gray-50);
    --vk-comp-button-border-color-info-disabled: var(--oev-color-gray-50);
    --vk-comp-button-border-color-warning-disabled: var(--oev-color-gray-50);
    --vk-comp-button-border-color-help-disabled: var(--oev-color-gray-50);
    --vk-comp-button-border-color-danger-disabled: var(--oev-color-gray-50);
    --vk-comp-button-outlined-border-color-primary-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-border-color-secondary-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-border-color-success-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-border-color-info-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-border-color-warning-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-border-color-help-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-border-color-danger-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-primary-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-secondary-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-success-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-info-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-warning-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-help-disabled: var(--oev-color-gray-400);
    --vk-comp-button-outlined-color-danger-disabled: var(--oev-color-gray-400);
    --vk-comp-button-text-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-text-color-secondary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-text-background-color-secondary: var(--oev-color-primary-default);
    --vk-comp-button-text-background-color-secondary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-link-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-link-color-primary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-link-background-color-primary: var(--oev-color-primary-default);
    --vk-comp-button-link-background-color-primary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-link-color-secondary-hover: var(--oev-color-primary-hover);
    --vk-comp-button-link-background-color-secondary-hover: var(--oev-color-primary-hover);
  }
  .theme-vkb {
    --vk-comp-table-header-border-color: var(--oev-color-gray-100);
  }
  .theme-vkb {
    --vk-comp-orderlist-controls-text-color: var(--oev-comp-button-primary-contained-color-label-default);
    --vk-comp-orderlist-controls-text-color-hover: var(--oev-comp-button-primary-contained-color-label-default);
  }
  .theme-vkb {
    --vk-comp-fileupload-button-text-color: var(--oev-color-primary-default);
    --vk-comp-fileupload-button-text-color-hover: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-input-border-radius: 0;
    --vk-comp-input-border-color-hover: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-select-forms-menu-background-color-active: var(--oev-color-background-01);
    --vk-comp-select-border-radius: 0;
    --vk-comp-select-border-color-hover: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-multiselect-border-radius: 0;
    --vk-comp-multiselect-border-color-hover: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-selectbutton-border-radius: 0;
    --vk-comp-selectbutton-togglebutton-border-radius: 0;
  }
  .theme-vkb {
    --vk-comp-message-background-color-primary: var(--oev-color-secondary-50);
    --vk-comp-message-background-color-secondary: var(--oev-color-primary-100);
    --vk-comp-message-icon-color-primary: var(--oev-color-secondary-default);
    --vk-comp-message-icon-color-secondary: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-secondary-50);
    --vk-comp-toast-message-background-color-secondary: var(--oev-color-primary-100);
    --vk-comp-toast-message-icon-color-primary: var(--oev-color-secondary-default);
    --vk-comp-toast-message-icon-color-secondary: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-chip-background-color: var(--oev-color-background-01);
    --vk-comp-chip-border-radius: 0;
  }
  .theme-vkb {
    --vk-comp-accordion-header-color: var(--oev-color-primary-default);
    --vk-comp-accordion-header-color-hover: var(--oev-color-primary-default);
    --vk-comp-accordion-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-accordion-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-accordion-header-background-color: var(--oev-color-background-01);
    --vk-comp-accordion-header-background-color-hover: var(--oev-color-background-02);
  }
  .theme-vkb {
    --vk-comp-card-header-color: var(--oev-color-primary-default);
    --vk-comp-card-header-icon-color: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-background-color: var(--oev-color-background-01);
    --vk-comp-fieldset-header-background-color-hover: var(--oev-color-background-02);
    --vk-comp-fieldset-border-color: var(--oev-color-gray-100);
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-background-01);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-default);
  }
  .theme-vkb {
    --vk-comp-panel-border-color: var(--oev-color-gray-100);
    --vk-comp-panel-header-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-color-hover: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color-hover: var(--oev-color-primary-default);
  }
  .theme-vkb25 {
    --vk-comp-carousel-indicator-color: var(--oev-color-primary-300);
  }
  .theme-vkb25 {
    --vk-comp-message-background-color-primary: var(--oev-color-primary-50);
    --vk-comp-message-background-color-info: var(--primeng-color-help-light);
    --vk-comp-message-icon-color-info: var(--oev-color-secondary-default);
  }
  .theme-vkb25 {
    --vk-comp-toast-message-background-color-primary: var(--oev-color-primary-50);
    --vk-comp-toast-message-background-color-info: var(--primeng-color-help-light);
    --vk-comp-toast-message-info-border-color: var(--primeng-color-help-hover);
    --vk-comp-toast-icon-color-info: var(--oev-color-secondary-800);
  }
  .theme-vkb25 {
    --vk-comp-tag-background-color-info: var(--oev-color-action-info);
    --vk-comp-tag-background-color-danger: var(--oev-color-action-error);
  }
  .theme-vkb25 {
    --vk-comp-panel-header-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-panel-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-panel-border-width: var(--vk-size-02);
    --vk-comp-panel-border-color: var(--oev-color-custom-02);
  }
  .theme-vkb25 {
    --vk-comp-fieldset-header-background-color-active: var(--oev-color-action-white);
    --vk-comp-fieldset-header-icon-color: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-icon-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-header-border-color-hover: var(--oev-color-primary-default);
    --vk-comp-fieldset-border-width: var(--vk-size-02);
    --vk-comp-fieldset-header-border-width-active: var(--vk-size-02);
    --vk-comp-fieldset-header-border-width-hover: var(--vk-size-02);
  }
  .theme-vkb25 {
    --vk-comp-tabs-font-color-active: var(--oev-color-font-body-default);
    --vk-comp-tabs-font-color: var(--oev-color-font-link);
    --vk-comp-tabs-border-color-hover: var(--oev-color-primary-hover);
    --vk-comp-tabs-tabmenu-icon-color: var(--oev-color-primary-default);
    --vk-comp-tabs-tabmenu-icon-color-active: var(--oev-color-gray-default);
  }
}
.p-group-label {
  font-weight: var(--vk-global-group-label-font-weight);
  margin-bottom: var(--vk-global-group-label-margin-bottom);
}
.label-container {
  margin-bottom: var(--vk-comp-input-label-spacing-bottom);
  color: var(--vk-comp-input-float-label-color);
  font: var(--vk-comp-input-label-font-style);
}
.p-error-container,
.p-help-container {
  font: var(--vk-global-error-container-font-style);
  margin-top: var(--vk-global-error-container-margin-top);
  margin-left: 0;
  margin-right: 0;
}
.p-error-container {
  color: var(--vk-global-error-container-text-color);
}
.p-help-container {
  color: var(--vk-comp-input-help-text-color);
}
p-password + .p-help-container,
p-password + dxp-help-text .p-help-container,
p-password + .p-error-container,
p-password + dxp-error-text .p-error-container,
p-password + .p-help-container + .p-error-container,
p-password + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-auto-complete + .p-help-container,
p-auto-complete + dxp-help-text .p-help-container,
p-auto-complete + .p-error-container,
p-auto-complete + dxp-error-text .p-error-container,
p-auto-complete + .p-help-container + .p-error-container,
p-auto-complete + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-autocomplete + .p-help-container,
p-autocomplete + dxp-help-text .p-help-container,
p-autocomplete + .p-error-container,
p-autocomplete + dxp-error-text .p-error-container,
p-autocomplete + .p-help-container + .p-error-container,
p-autocomplete + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-autoComplete + .p-help-container,
p-autoComplete + dxp-help-text .p-help-container,
p-autoComplete + .p-error-container,
p-autoComplete + dxp-error-text .p-error-container,
p-autoComplete + .p-help-container + .p-error-container,
p-autoComplete + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-floatlabel + .p-help-container,
p-floatlabel + dxp-help-text .p-help-container,
p-floatlabel + .p-error-container,
p-floatlabel + dxp-error-text .p-error-container,
p-floatlabel + .p-help-container + .p-error-container,
p-floatlabel + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-floatLabel + .p-help-container,
p-floatLabel + dxp-help-text .p-help-container,
p-floatLabel + .p-error-container,
p-floatLabel + dxp-error-text .p-error-container,
p-floatLabel + .p-help-container + .p-error-container,
p-floatLabel + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-float-label + .p-help-container,
p-float-label + dxp-help-text .p-help-container,
p-float-label + .p-error-container,
p-float-label + dxp-error-text .p-error-container,
p-float-label + .p-help-container + .p-error-container,
p-float-label + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-iconfield + .p-help-container,
p-iconfield + dxp-help-text .p-help-container,
p-iconfield + .p-error-container,
p-iconfield + dxp-error-text .p-error-container,
p-iconfield + .p-help-container + .p-error-container,
p-iconfield + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-icon-field + .p-help-container,
p-icon-field + dxp-help-text .p-help-container,
p-icon-field + .p-error-container,
p-icon-field + dxp-error-text .p-error-container,
p-icon-field + .p-help-container + .p-error-container,
p-icon-field + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-iconField + .p-help-container,
p-iconField + dxp-help-text .p-help-container,
p-iconField + .p-error-container,
p-iconField + dxp-error-text .p-error-container,
p-iconField + .p-help-container + .p-error-container,
p-iconField + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-datePicker + .p-help-container,
p-datePicker + dxp-help-text .p-help-container,
p-datePicker + .p-error-container,
p-datePicker + dxp-error-text .p-error-container,
p-datePicker + .p-help-container + .p-error-container,
p-datePicker + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-datepicker + .p-help-container,
p-datepicker + dxp-help-text .p-help-container,
p-datepicker + .p-error-container,
p-datepicker + dxp-error-text .p-error-container,
p-datepicker + .p-help-container + .p-error-container,
p-datepicker + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-date-picker + .p-help-container,
p-date-picker + dxp-help-text .p-help-container,
p-date-picker + .p-error-container,
p-date-picker + dxp-error-text .p-error-container,
p-date-picker + .p-help-container + .p-error-container,
p-date-picker + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-multiSelect + .p-help-container,
p-multiSelect + dxp-help-text .p-help-container,
p-multiSelect + .p-error-container,
p-multiSelect + dxp-error-text .p-error-container,
p-multiSelect + .p-help-container + .p-error-container,
p-multiSelect + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-multiselect + .p-help-container,
p-multiselect + dxp-help-text .p-help-container,
p-multiselect + .p-error-container,
p-multiselect + dxp-error-text .p-error-container,
p-multiselect + .p-help-container + .p-error-container,
p-multiselect + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-multi-select + .p-help-container,
p-multi-select + dxp-help-text .p-help-container,
p-multi-select + .p-error-container,
p-multi-select + dxp-error-text .p-error-container,
p-multi-select + .p-help-container + .p-error-container,
p-multi-select + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-radioButton + .p-help-container,
p-radioButton + dxp-help-text .p-help-container,
p-radioButton + .p-error-container,
p-radioButton + dxp-error-text .p-error-container,
p-radioButton + .p-help-container + .p-error-container,
p-radioButton + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-radiobutton + .p-help-container,
p-radiobutton + dxp-help-text .p-help-container,
p-radiobutton + .p-error-container,
p-radiobutton + dxp-error-text .p-error-container,
p-radiobutton + .p-help-container + .p-error-container,
p-radiobutton + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-radio-button + .p-help-container,
p-radio-button + dxp-help-text .p-help-container,
p-radio-button + .p-error-container,
p-radio-button + dxp-error-text .p-error-container,
p-radio-button + .p-help-container + .p-error-container,
p-radio-button + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-selectButton + .p-help-container,
p-selectButton + dxp-help-text .p-help-container,
p-selectButton + .p-error-container,
p-selectButton + dxp-error-text .p-error-container,
p-selectButton + .p-help-container + .p-error-container,
p-selectButton + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-selectbutton + .p-help-container,
p-selectbutton + dxp-help-text .p-help-container,
p-selectbutton + .p-error-container,
p-selectbutton + dxp-error-text .p-error-container,
p-selectbutton + .p-help-container + .p-error-container,
p-selectbutton + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-select-button + .p-help-container,
p-select-button + dxp-help-text .p-help-container,
p-select-button + .p-error-container,
p-select-button + dxp-error-text .p-error-container,
p-select-button + .p-help-container + .p-error-container,
p-select-button + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-toggleswitch + .p-help-container,
p-toggleswitch + dxp-help-text .p-help-container,
p-toggleswitch + .p-error-container,
p-toggleswitch + dxp-error-text .p-error-container,
p-toggleswitch + .p-help-container + .p-error-container,
p-toggleswitch + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-toggleSwitch + .p-help-container,
p-toggleSwitch + dxp-help-text .p-help-container,
p-toggleSwitch + .p-error-container,
p-toggleSwitch + dxp-error-text .p-error-container,
p-toggleSwitch + .p-help-container + .p-error-container,
p-toggleSwitch + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
p-toggle-switch + .p-help-container,
p-toggle-switch + dxp-help-text .p-help-container,
p-toggle-switch + .p-error-container,
p-toggle-switch + dxp-error-text .p-error-container,
p-toggle-switch + .p-help-container + .p-error-container,
p-toggle-switch + .p-help-container + dxp-error-text .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
.p-component + .p-error-container,
.p-component + .p-help-container,
.p-component + dxp-error-text .p-error-container,
.p-component + dxp-help-text .p-help-container,
.p-component + .p-help-container + dxp-error-text .p-error-container,
.p-element + .p-error-container,
.p-element + .p-help-container,
.p-element + dxp-error-text .p-error-container,
.p-element + dxp-help-text .p-help-container,
.p-element + .p-help-container + .p-error-container,
.p-element + .p-help-container + dxp-error-text .p-error-container,
.dxp-signature-canvas-container + div > div > .p-help-container,
.dxp-signature-canvas-container + div > div > .p-error-container {
  margin-left: var(--vk-comp-input-error-text-spacing-left-right) !important;
  margin-right: var(--vk-comp-input-error-text-spacing-left-right) !important;
}
@layer dxp-primeng {
  :not(.p-selectbutton) > .p-button {
    --p-disabled-opacity: 1;
    transition: none;
    overflow: visible;
  }
  :not(.p-selectbutton) > .p-button:not(.p-button-link) {
    background-color: var(--vk-comp-button-background-color-primary);
    color: var(--vk-comp-button-color-primary);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-primary);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: var(--vk-size-48);
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  :not(.p-selectbutton) > .p-button:not(.p-button-link) .p-button-label {
    font: var(--vk-comp-button-font-style);
    transition: none;
  }
  :not(.p-selectbutton) > .p-button:not(.p-button-link):hover {
    background-color: var(--vk-comp-button-background-color-primary-hover);
    border-color: var(--vk-comp-button-border-color-primary-hover);
    color: var(--vk-comp-button-color-primary-hover);
  }
  :not(.p-selectbutton) > .p-button:not(.p-button-link):focus,
  :not(.p-selectbutton) > .p-button:not(.p-button-link):focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button:not(.p-button-link):focus-visible {
    background-color: var(--vk-comp-button-background-color-primary);
    border-color: var(--vk-comp-button-border-color-primary);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-primary);
  }
  :not(.p-selectbutton) > .p-button:not(.p-button-link):active {
    background-color: var(--vk-comp-button-background-color-primary-active);
    border-color: var(--vk-comp-button-border-color-primary-active);
    color: var(--vk-comp-button-color-primary-active);
  }
  :not(.p-selectbutton) > .p-button:not(.p-button-link).p-disabled,
  :not(.p-selectbutton) > .p-button:not(.p-button-link):disabled {
    background-color: var(--vk-comp-button-background-color-primary-disabled);
    border-color: var(--vk-comp-button-border-color-primary-disabled);
    color: var(--vk-comp-button-color-primary-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-primary);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-primary);
    color: var(--vk-comp-button-outlined-color-primary);
  }
  :not(.p-selectbutton) > .p-button.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-primary-hover);
    border-color: var(--vk-comp-button-outlined-border-color-primary-hover);
    color: var(--vk-comp-button-outlined-color-primary-hover);
    outline: var(--vk-size-01) solid var(--vk-comp-button-outlined-border-color-primary-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-primary-active);
    border-color: var(--vk-comp-button-outlined-border-color-primary-active);
    color: var(--vk-comp-button-outlined-color-primary-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-outlined:focus,
  :not(.p-selectbutton) > .p-button.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-primary-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-primary);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-primary-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-outlined.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-primary-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-primary-disabled);
    color: var(--vk-comp-button-outlined-color-primary-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-outlined.p-disabled:hover,
  :not(.p-selectbutton) > .p-button.p-button-outlined:disabled:hover {
    outline: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-primary);
    border: none;
    border-radius: 0;
    position: relative;
  }
  :not(.p-selectbutton) > .p-button.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--vk-size-03);
    background-color: var(--vk-comp-button-text-background-color-primary);
  }
  :not(.p-selectbutton) > .p-button.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-primary-hover);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-primary-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-text:focus,
  :not(.p-selectbutton) > .p-button.p-button-text:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-primary-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-primary-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-text.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-text.p-disabled::before,
  :not(.p-selectbutton) > .p-button.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-link {
    padding: 0;
    font: var(--vk-comp-button-font-style);
    color: var(--vk-comp-button-link-color-primary);
  }
  :not(.p-selectbutton) > .p-button.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  :not(.p-selectbutton) > .p-button.p-button-link:hover .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-primary-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-link:focus,
  :not(.p-selectbutton) > .p-button.p-button-link:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-primary-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-link.p-disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-link.p-disabled .p-button-icon::before,
  :not(.p-selectbutton) > .p-button.p-button-link:disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary:not(.p-button-link) {
    background-color: var(--vk-comp-button-background-color-secondary);
    color: var(--vk-comp-button-color-secondary);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-secondary);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: var(--vk-size-48);
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary:not(.p-button-link) .p-button-label {
    font: var(--vk-comp-button-font-style);
    transition: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary:not(.p-button-link):hover {
    background-color: var(--vk-comp-button-background-color-secondary-hover);
    border-color: var(--vk-comp-button-border-color-secondary-hover);
    color: var(--vk-comp-button-color-secondary-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary:not(.p-button-link):focus,
  :not(.p-selectbutton) > .p-button.p-button-secondary:not(.p-button-link):focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary:not(.p-button-link):focus-visible {
    background-color: var(--vk-comp-button-background-color-secondary);
    border-color: var(--vk-comp-button-border-color-secondary);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-secondary);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary:not(.p-button-link):active {
    background-color: var(--vk-comp-button-background-color-secondary-active);
    border-color: var(--vk-comp-button-border-color-secondary-active);
    color: var(--vk-comp-button-color-secondary-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary:not(.p-button-link).p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-secondary:not(.p-button-link):disabled {
    background-color: var(--vk-comp-button-background-color-secondary-disabled);
    border-color: var(--vk-comp-button-border-color-secondary-disabled);
    color: var(--vk-comp-button-color-secondary-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-secondary);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-secondary);
    color: var(--vk-comp-button-outlined-color-secondary);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-secondary-hover);
    border-color: var(--vk-comp-button-outlined-border-color-secondary-hover);
    color: var(--vk-comp-button-outlined-color-secondary-hover);
    outline: var(--vk-size-01) solid var(--vk-comp-button-outlined-border-color-secondary-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-secondary-active);
    border-color: var(--vk-comp-button-outlined-border-color-secondary-active);
    color: var(--vk-comp-button-outlined-color-secondary-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-outlined:focus,
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-secondary-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-secondary);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-secondary-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-outlined.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-secondary-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-secondary-disabled);
    color: var(--vk-comp-button-outlined-color-secondary-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-outlined.p-disabled:hover,
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-outlined:disabled:hover {
    outline: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-secondary);
    border: none;
    border-radius: 0;
    position: relative;
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--vk-size-03);
    background-color: var(--vk-comp-button-text-background-color-secondary);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-secondary-hover);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-secondary-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-text:focus,
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-text:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-secondary-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-secondary-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-text.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-text.p-disabled::before,
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-link {
    padding: 0;
    font: var(--vk-comp-button-font-style);
    color: var(--vk-comp-button-link-color-secondary);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-link:hover .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-secondary-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-link:focus,
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-link:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-secondary-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-link.p-disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-link.p-disabled .p-button-icon::before,
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-link:disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-secondary.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-white:not(.p-button-link) {
    background-color: var(--vk-comp-button-background-color-white);
    color: var(--vk-comp-button-color-white);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-white);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: var(--vk-size-48);
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  :not(.p-selectbutton) > .p-button.p-button-white:not(.p-button-link) .p-button-label {
    font: var(--vk-comp-button-font-style);
    transition: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-white:not(.p-button-link):hover {
    background-color: var(--vk-comp-button-background-color-white-hover);
    border-color: var(--vk-comp-button-border-color-white-hover);
    color: var(--vk-comp-button-color-white-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-white:not(.p-button-link):focus,
  :not(.p-selectbutton) > .p-button.p-button-white:not(.p-button-link):focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-white:not(.p-button-link):focus-visible {
    background-color: var(--vk-comp-button-background-color-white);
    border-color: var(--vk-comp-button-border-color-white);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-white);
  }
  :not(.p-selectbutton) > .p-button.p-button-white:not(.p-button-link):active {
    background-color: var(--vk-comp-button-background-color-white-active);
    border-color: var(--vk-comp-button-border-color-white-active);
    color: var(--vk-comp-button-color-white-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-white:not(.p-button-link).p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-white:not(.p-button-link):disabled {
    background-color: var(--vk-comp-button-background-color-white-disabled);
    border-color: var(--vk-comp-button-border-color-white-disabled);
    color: var(--vk-comp-button-color-white-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-white);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-white);
    color: var(--vk-comp-button-outlined-color-white);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-white-hover);
    border-color: var(--vk-comp-button-outlined-border-color-white-hover);
    color: var(--vk-comp-button-outlined-color-white-hover);
    outline: var(--vk-size-01) solid var(--vk-comp-button-outlined-border-color-white-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-white-active);
    border-color: var(--vk-comp-button-outlined-border-color-white-active);
    color: var(--vk-comp-button-outlined-color-white-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-outlined:focus,
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-white-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-white);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-white-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-outlined.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-white-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-white-disabled);
    color: var(--vk-comp-button-outlined-color-white-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-outlined.p-disabled:hover,
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-outlined:disabled:hover {
    outline: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-white);
    border: none;
    border-radius: 0;
    position: relative;
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--vk-size-03);
    background-color: var(--vk-comp-button-text-background-color-white);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-white-hover);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-white-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-text:focus,
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-text:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-white-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-white-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-text.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-text.p-disabled::before,
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-link {
    padding: 0;
    font: var(--vk-comp-button-font-style);
    color: var(--vk-comp-button-link-color-white);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-link:hover .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-white-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-link:focus,
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-link:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-white-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-link.p-disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-link.p-disabled .p-button-icon::before,
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-link:disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-white.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-light:not(.p-button-link) {
    background-color: var(--vk-comp-button-background-color-light);
    color: var(--vk-comp-button-color-light);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-light);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: var(--vk-size-48);
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  :not(.p-selectbutton) > .p-button.p-button-light:not(.p-button-link) .p-button-label {
    font: var(--vk-comp-button-font-style);
    transition: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-light:not(.p-button-link):hover {
    background-color: var(--vk-comp-button-background-color-light-hover);
    border-color: var(--vk-comp-button-border-color-light-hover);
    color: var(--vk-comp-button-color-light-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-light:not(.p-button-link):focus,
  :not(.p-selectbutton) > .p-button.p-button-light:not(.p-button-link):focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-light:not(.p-button-link):focus-visible {
    background-color: var(--vk-comp-button-background-color-light);
    border-color: var(--vk-comp-button-border-color-light);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-light);
  }
  :not(.p-selectbutton) > .p-button.p-button-light:not(.p-button-link):active {
    background-color: var(--vk-comp-button-background-color-light-active);
    border-color: var(--vk-comp-button-border-color-light-active);
    color: var(--vk-comp-button-color-light-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-light:not(.p-button-link).p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-light:not(.p-button-link):disabled {
    background-color: var(--vk-comp-button-background-color-light-disabled);
    border-color: var(--vk-comp-button-border-color-light-disabled);
    color: var(--vk-comp-button-color-light-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-light);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-light);
    color: var(--vk-comp-button-outlined-color-light);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-light-hover);
    border-color: var(--vk-comp-button-outlined-border-color-light-hover);
    color: var(--vk-comp-button-outlined-color-light-hover);
    outline: var(--vk-size-01) solid var(--vk-comp-button-outlined-border-color-light-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-light-active);
    border-color: var(--vk-comp-button-outlined-border-color-light-active);
    color: var(--vk-comp-button-outlined-color-light-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-outlined:focus,
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-light-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-light);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-light-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-outlined.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-light-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-light-disabled);
    color: var(--vk-comp-button-outlined-color-light-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-outlined.p-disabled:hover,
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-outlined:disabled:hover {
    outline: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-light);
    border: none;
    border-radius: 0;
    position: relative;
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--vk-size-03);
    background-color: var(--vk-comp-button-text-background-color-light);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-light-hover);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-light-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-text:focus,
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-text:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-light-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-light-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-text.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-text.p-disabled::before,
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-link {
    padding: 0;
    font: var(--vk-comp-button-font-style);
    color: var(--vk-comp-button-link-color-light);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-link:hover .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-light-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-link:focus,
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-link:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-light-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-link.p-disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-link.p-disabled .p-button-icon::before,
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-link:disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-light.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-success:not(.p-button-link) {
    background-color: var(--vk-comp-button-background-color-success);
    color: var(--vk-comp-button-color-success);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-success);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: var(--vk-size-48);
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  :not(.p-selectbutton) > .p-button.p-button-success:not(.p-button-link) .p-button-label {
    font: var(--vk-comp-button-font-style);
    transition: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-success:not(.p-button-link):hover {
    background-color: var(--vk-comp-button-background-color-success-hover);
    border-color: var(--vk-comp-button-border-color-success-hover);
    color: var(--vk-comp-button-color-success-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-success:not(.p-button-link):focus,
  :not(.p-selectbutton) > .p-button.p-button-success:not(.p-button-link):focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-success:not(.p-button-link):focus-visible {
    background-color: var(--vk-comp-button-background-color-success);
    border-color: var(--vk-comp-button-border-color-success);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-success);
  }
  :not(.p-selectbutton) > .p-button.p-button-success:not(.p-button-link):active {
    background-color: var(--vk-comp-button-background-color-success-active);
    border-color: var(--vk-comp-button-border-color-success-active);
    color: var(--vk-comp-button-color-success-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-success:not(.p-button-link).p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-success:not(.p-button-link):disabled {
    background-color: var(--vk-comp-button-background-color-success-disabled);
    border-color: var(--vk-comp-button-border-color-success-disabled);
    color: var(--vk-comp-button-color-success-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-success);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-success);
    color: var(--vk-comp-button-outlined-color-success);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-success-hover);
    border-color: var(--vk-comp-button-outlined-border-color-success-hover);
    color: var(--vk-comp-button-outlined-color-success-hover);
    outline: var(--vk-size-01) solid var(--vk-comp-button-outlined-border-color-success-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-success-active);
    border-color: var(--vk-comp-button-outlined-border-color-success-active);
    color: var(--vk-comp-button-outlined-color-success-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-outlined:focus,
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-success-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-success);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-success-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-outlined.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-success-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-success-disabled);
    color: var(--vk-comp-button-outlined-color-success-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-outlined.p-disabled:hover,
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-outlined:disabled:hover {
    outline: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-success);
    border: none;
    border-radius: 0;
    position: relative;
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--vk-size-03);
    background-color: var(--vk-comp-button-text-background-color-success);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-success-hover);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-success-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-text:focus,
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-text:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-success-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-success-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-text.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-text.p-disabled::before,
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-link {
    padding: 0;
    font: var(--vk-comp-button-font-style);
    color: var(--vk-comp-button-link-color-success);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-link:hover .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-success-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-link:focus,
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-link:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-success-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-link.p-disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-link.p-disabled .p-button-icon::before,
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-link:disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-success.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-info:not(.p-button-link) {
    background-color: var(--vk-comp-button-background-color-info);
    color: var(--vk-comp-button-color-info);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-info);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: var(--vk-size-48);
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  :not(.p-selectbutton) > .p-button.p-button-info:not(.p-button-link) .p-button-label {
    font: var(--vk-comp-button-font-style);
    transition: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-info:not(.p-button-link):hover {
    background-color: var(--vk-comp-button-background-color-info-hover);
    border-color: var(--vk-comp-button-border-color-info-hover);
    color: var(--vk-comp-button-color-info-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-info:not(.p-button-link):focus,
  :not(.p-selectbutton) > .p-button.p-button-info:not(.p-button-link):focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-info:not(.p-button-link):focus-visible {
    background-color: var(--vk-comp-button-background-color-info);
    border-color: var(--vk-comp-button-border-color-info);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-info);
  }
  :not(.p-selectbutton) > .p-button.p-button-info:not(.p-button-link):active {
    background-color: var(--vk-comp-button-background-color-info-active);
    border-color: var(--vk-comp-button-border-color-info-active);
    color: var(--vk-comp-button-color-info-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-info:not(.p-button-link).p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-info:not(.p-button-link):disabled {
    background-color: var(--vk-comp-button-background-color-info-disabled);
    border-color: var(--vk-comp-button-border-color-info-disabled);
    color: var(--vk-comp-button-color-info-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-info);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-info);
    color: var(--vk-comp-button-outlined-color-info);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-info-hover);
    border-color: var(--vk-comp-button-outlined-border-color-info-hover);
    color: var(--vk-comp-button-outlined-color-info-hover);
    outline: var(--vk-size-01) solid var(--vk-comp-button-outlined-border-color-info-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-info-active);
    border-color: var(--vk-comp-button-outlined-border-color-info-active);
    color: var(--vk-comp-button-outlined-color-info-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-outlined:focus,
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-info-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-info);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-info-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-outlined.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-info-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-info-disabled);
    color: var(--vk-comp-button-outlined-color-info-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-outlined.p-disabled:hover,
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-outlined:disabled:hover {
    outline: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-info);
    border: none;
    border-radius: 0;
    position: relative;
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--vk-size-03);
    background-color: var(--vk-comp-button-text-background-color-info);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-info-hover);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-info-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-text:focus,
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-text:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-info-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-info-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-text.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-text.p-disabled::before,
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-link {
    padding: 0;
    font: var(--vk-comp-button-font-style);
    color: var(--vk-comp-button-link-color-info);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-link:hover .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-info-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-link:focus,
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-link:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-info-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-link.p-disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-link.p-disabled .p-button-icon::before,
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-link:disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-info.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning:not(.p-button-link) {
    background-color: var(--vk-comp-button-background-color-warning);
    color: var(--vk-comp-button-color-warning);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-warning);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: var(--vk-size-48);
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  :not(.p-selectbutton) > .p-button.p-button-warning:not(.p-button-link) .p-button-label {
    font: var(--vk-comp-button-font-style);
    transition: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-warning:not(.p-button-link):hover {
    background-color: var(--vk-comp-button-background-color-warning-hover);
    border-color: var(--vk-comp-button-border-color-warning-hover);
    color: var(--vk-comp-button-color-warning-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning:not(.p-button-link):focus,
  :not(.p-selectbutton) > .p-button.p-button-warning:not(.p-button-link):focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-warning:not(.p-button-link):focus-visible {
    background-color: var(--vk-comp-button-background-color-warning);
    border-color: var(--vk-comp-button-border-color-warning);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-warning);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning:not(.p-button-link):active {
    background-color: var(--vk-comp-button-background-color-warning-active);
    border-color: var(--vk-comp-button-border-color-warning-active);
    color: var(--vk-comp-button-color-warning-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning:not(.p-button-link).p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-warning:not(.p-button-link):disabled {
    background-color: var(--vk-comp-button-background-color-warning-disabled);
    border-color: var(--vk-comp-button-border-color-warning-disabled);
    color: var(--vk-comp-button-color-warning-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-warning);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-warning);
    color: var(--vk-comp-button-outlined-color-warning);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-warning-hover);
    border-color: var(--vk-comp-button-outlined-border-color-warning-hover);
    color: var(--vk-comp-button-outlined-color-warning-hover);
    outline: var(--vk-size-01) solid var(--vk-comp-button-outlined-border-color-warning-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-warning-active);
    border-color: var(--vk-comp-button-outlined-border-color-warning-active);
    color: var(--vk-comp-button-outlined-color-warning-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-outlined:focus,
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-warning-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-warning);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-warning-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-outlined.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-warning-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-warning-disabled);
    color: var(--vk-comp-button-outlined-color-warning-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-outlined.p-disabled:hover,
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-outlined:disabled:hover {
    outline: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-warning);
    border: none;
    border-radius: 0;
    position: relative;
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--vk-size-03);
    background-color: var(--vk-comp-button-text-background-color-warning);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-warning-hover);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-warning-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-text:focus,
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-text:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-warning-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-warning-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-text.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-text.p-disabled::before,
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-link {
    padding: 0;
    font: var(--vk-comp-button-font-style);
    color: var(--vk-comp-button-link-color-warning);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-link:hover .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-warning-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-link:focus,
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-link:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-warning-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-link.p-disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-link.p-disabled .p-button-icon::before,
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-link:disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-warning.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-help:not(.p-button-link) {
    background-color: var(--vk-comp-button-background-color-help);
    color: var(--vk-comp-button-color-help);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-help);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: var(--vk-size-48);
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  :not(.p-selectbutton) > .p-button.p-button-help:not(.p-button-link) .p-button-label {
    font: var(--vk-comp-button-font-style);
    transition: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-help:not(.p-button-link):hover {
    background-color: var(--vk-comp-button-background-color-help-hover);
    border-color: var(--vk-comp-button-border-color-help-hover);
    color: var(--vk-comp-button-color-help-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-help:not(.p-button-link):focus,
  :not(.p-selectbutton) > .p-button.p-button-help:not(.p-button-link):focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-help:not(.p-button-link):focus-visible {
    background-color: var(--vk-comp-button-background-color-help);
    border-color: var(--vk-comp-button-border-color-help);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-help);
  }
  :not(.p-selectbutton) > .p-button.p-button-help:not(.p-button-link):active {
    background-color: var(--vk-comp-button-background-color-help-active);
    border-color: var(--vk-comp-button-border-color-help-active);
    color: var(--vk-comp-button-color-help-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-help:not(.p-button-link).p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-help:not(.p-button-link):disabled {
    background-color: var(--vk-comp-button-background-color-help-disabled);
    border-color: var(--vk-comp-button-border-color-help-disabled);
    color: var(--vk-comp-button-color-help-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-help);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-help);
    color: var(--vk-comp-button-outlined-color-help);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-help-hover);
    border-color: var(--vk-comp-button-outlined-border-color-help-hover);
    color: var(--vk-comp-button-outlined-color-help-hover);
    outline: var(--vk-size-01) solid var(--vk-comp-button-outlined-border-color-help-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-help-active);
    border-color: var(--vk-comp-button-outlined-border-color-help-active);
    color: var(--vk-comp-button-outlined-color-help-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-outlined:focus,
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-help-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-help);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-help-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-outlined.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-help-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-help-disabled);
    color: var(--vk-comp-button-outlined-color-help-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-outlined.p-disabled:hover,
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-outlined:disabled:hover {
    outline: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-help);
    border: none;
    border-radius: 0;
    position: relative;
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--vk-size-03);
    background-color: var(--vk-comp-button-text-background-color-help);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-help-hover);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-help-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-text:focus,
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-text:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-help-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-help-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-text.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-text.p-disabled::before,
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-link {
    padding: 0;
    font: var(--vk-comp-button-font-style);
    color: var(--vk-comp-button-link-color-help);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-link:hover .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-help-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-link:focus,
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-link:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-help-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-link.p-disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-link.p-disabled .p-button-icon::before,
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-link:disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-help.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger:not(.p-button-link) {
    background-color: var(--vk-comp-button-background-color-danger);
    color: var(--vk-comp-button-color-danger);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-border-color-danger);
    border-radius: var(--vk-comp-button-border-radius);
    min-height: var(--vk-size-48);
    padding-top: calc(var(--vk-comp-button-label-top-margin) - var(--vk-comp-button-border-width) / 2);
    padding-bottom: calc(var(--vk-comp-button-label-bottom-margin) - var(--vk-comp-button-border-width) / 2);
    padding-left: calc(var(--vk-comp-button-label-left-margin) - var(--vk-comp-button-border-width));
    padding-right: calc(var(--vk-comp-button-label-right-margin) - var(--vk-comp-button-border-width));
  }
  :not(.p-selectbutton) > .p-button.p-button-danger:not(.p-button-link) .p-button-label {
    font: var(--vk-comp-button-font-style);
    transition: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-danger:not(.p-button-link):hover {
    background-color: var(--vk-comp-button-background-color-danger-hover);
    border-color: var(--vk-comp-button-border-color-danger-hover);
    color: var(--vk-comp-button-color-danger-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger:not(.p-button-link):focus,
  :not(.p-selectbutton) > .p-button.p-button-danger:not(.p-button-link):focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-danger:not(.p-button-link):focus-visible {
    background-color: var(--vk-comp-button-background-color-danger);
    border-color: var(--vk-comp-button-border-color-danger);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-color-danger);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger:not(.p-button-link):active {
    background-color: var(--vk-comp-button-background-color-danger-active);
    border-color: var(--vk-comp-button-border-color-danger-active);
    color: var(--vk-comp-button-color-danger-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger:not(.p-button-link).p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-danger:not(.p-button-link):disabled {
    background-color: var(--vk-comp-button-background-color-danger-disabled);
    border-color: var(--vk-comp-button-border-color-danger-disabled);
    color: var(--vk-comp-button-color-danger-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-outlined {
    background-color: var(--vk-comp-button-outlined-background-color-danger);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-danger);
    color: var(--vk-comp-button-outlined-color-danger);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-outlined:hover {
    background-color: var(--vk-comp-button-outlined-background-color-danger-hover);
    border-color: var(--vk-comp-button-outlined-border-color-danger-hover);
    color: var(--vk-comp-button-outlined-color-danger-hover);
    outline: var(--vk-size-01) solid var(--vk-comp-button-outlined-border-color-danger-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-outlined:active {
    background-color: var(--vk-comp-button-outlined-background-color-danger-active);
    border-color: var(--vk-comp-button-outlined-border-color-danger-active);
    color: var(--vk-comp-button-outlined-color-danger-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-outlined:focus,
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-outlined:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-outlined:focus-visible {
    background-color: var(--vk-comp-button-outlined-background-color-danger-focus);
    border: var(--vk-comp-button-border-width) solid var(--vk-comp-button-outlined-border-color-danger);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-outlined-color-danger-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-outlined.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-outlined:disabled {
    background-color: var(--vk-comp-button-outlined-background-color-danger-disabled);
    border-color: var(--vk-comp-button-outlined-border-color-danger-disabled);
    color: var(--vk-comp-button-outlined-color-danger-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-outlined.p-disabled:hover,
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-outlined:disabled:hover {
    outline: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-text {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-danger);
    border: none;
    border-radius: 0;
    position: relative;
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-text::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: var(--vk-size-03);
    background-color: var(--vk-comp-button-text-background-color-danger);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-text:hover {
    background-color: transparent;
    color: var(--vk-comp-button-text-background-color-danger-hover);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-text:hover::before {
    background-color: var(--vk-comp-button-text-background-color-danger-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-text:focus,
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-text:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-text:focus-visible {
    background-color: transparent;
    border-radius: var(--vk-comp-button-text-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
    color: var(--vk-comp-button-text-color-danger-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-text:active {
    background-color: transparent;
    color: var(--vk-comp-button-text-color-danger-active);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-text.p-disabled,
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-text:disabled {
    background-color: transparent;
    color: var(--vk-comp-button-font-color-disabled);
    border-radius: 0;
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-text.p-disabled::before,
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-text:disabled::before {
    background-color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-link {
    padding: 0;
    font: var(--vk-comp-button-font-style);
    color: var(--vk-comp-button-link-color-danger);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-link .p-button-label {
    font: var(--vk-comp-button-font-style);
    text-align: left;
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-link:hover .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-link:hover .p-button-icon::before {
    text-decoration: none;
    color: var(--vk-comp-button-link-color-danger-hover);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-link:focus,
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-link:focus-visible {
    box-shadow: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-link:focus-visible {
    background-color: transparent;
    border: 0;
    border-radius: var(--vk-comp-button-outlined-outline-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-comp-button-outlined-outline-radius);
    color: var(--vk-comp-button-text-color-danger-focus);
  }
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-link.p-disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-link.p-disabled .p-button-icon::before,
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-link:disabled .p-button-label,
  :not(.p-selectbutton) > .p-button.p-button-danger.p-button-link:disabled .p-button-icon::before {
    color: var(--vk-comp-button-font-color-disabled);
  }
  :not(.p-selectbutton) > .p-button .pi {
    line-height: var(--vk-comp-button-icon-line-height) !important;
    font-size: var(--vk-size-16);
  }
  :not(.p-selectbutton) > .p-button .icon {
    line-height: var(--vk-comp-button-icon-line-height) !important;
    font-size: var(--vk-size-16);
  }
  :not(.p-selectbutton) > .p-button:not(.p-button-icon-only) .p-button-icon:not(.p-button-loading-icon) {
    align-self: flex-start;
  }
  :not(.p-selectbutton) > .p-button.p-button-icon-only {
    min-width: var(--vk-size-48);
    min-height: var(--vk-size-48);
  }
  :not(.p-selectbutton) > .p-button.p-button-icon-only .pi.p-button-icon,
  :not(.p-selectbutton) > .p-button.p-button-icon-only .icon.p-button-icon {
    font-size: var(--vk-size-24);
  }
  :not(.p-selectbutton) > .p-button .p-hidden {
    display: none;
  }
  :not(.p-selectbutton) > .p-button.p-button-loading spinnericon::before {
    animation: p-icon-spin 2s infinite linear;
  }
  p-button:focus-visible {
    outline: none;
  }
  .p-orderlist {
    --p-orderlist-gap: 0;
  }
  .p-orderlist .p-orderlist-controls {
    --p-orderlist-controls-gap: var(--vk-comp-orderlist-controls-spacing-xs);
    padding: var(--vk-comp-orderlist-controls-spacing-l);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary {
    min-width: var(--vk-size-48);
    min-height: var(--vk-size-48);
    padding: 0;
    color: var(--vk-comp-orderlist-controls-text-color);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:not(.p-button-link) {
    background-color: var(--vk-comp-orderlist-controls-button-color);
    border-color: var(--vk-comp-orderlist-controls-button-color);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:not(.p-button-link):hover {
    background-color: var(--vk-comp-orderlist-controls-button-color-hover);
    border-color: var(--vk-comp-orderlist-controls-button-border-color-hover);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:not(.p-button-link):focus {
    box-shadow: 0 0 0 var(--vk-comp-orderlist-controls-button-border-width) var(--vk-comp-orderlist-controls-button-color-focus);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:not(.p-button-link):active {
    background-color: var(--vk-comp-orderlist-controls-button-color-active);
    border-color: var(--vk-comp-orderlist-controls-button-color-active);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:hover {
    background-color: var(--vk-comp-orderlist-controls-button-color-hover);
    border-color: var(--vk-comp-orderlist-controls-button-color-hover);
    color: var(--vk-comp-orderlist-controls-text-color-hover);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:active {
    background-color: var(--vk-comp-orderlist-controls-button-color-active);
    border-color: var(--vk-comp-orderlist-controls-button-color-active);
    color: var(--vk-comp-orderlist-controls-text-color-active);
  }
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary.p-disabled,
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:disabled,
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary.p-disabled:hover,
  .p-orderlist .p-orderlist-controls .p-button.p-button-secondary:disabled:hover {
    color: var(--vk-comp-orderlist-controls-text-color-active);
    background-color: var(--vk-comp-orderlist-controls-button-color-disabled);
    border-color: var(--vk-comp-orderlist-controls-button-color-disabled);
  }
  .p-listbox {
    --p-listbox-border-radius: var(--vk-comp-orderlist-container-border-radius);
    --p-listbox-list-padding: 0;
    --p-listbox-option-color: var(--vk-comp-orderlist-container-font-color);
    --p-listbox-option-focus-color: var(--vk-comp-orderlist-container-font-color);
    --p-listbox-option-selected-color: var(--vk-comp-orderlist-container-font-color);
    --p-listbox-option-selected-focus-color: var(--vk-comp-orderlist-container-font-color);
    --p-listbox-option-focus-background: var(--vk-comp-orderlist-container-item-background-color-focus);
    --p-listbox-option-selected-background: var(--vk-comp-orderlist-container-item-background-color-active);
    --p-listbox-option-selected-focus-background: var(--vk-comp-orderlist-container-item-background-color-active-focus);
    border-color: var(--vk-comp-orderlist-border-color);
  }
  .p-listbox .p-listbox-header {
    --p-listbox-list-header-padding: var(--vk-comp-orderlist-controls-spacing-l);
    border-bottom: 1px solid var(--vk-comp-orderlist-border-color);
  }
  .p-listbox .p-listbox-list-container .p-listbox-option {
    padding: var(--vk-comp-orderlist-controls-spacing-l);
    font: var(--vk-comp-orderlist-container-item-font);
  }
  .p-paginator .p-paginator-first,
  .p-paginator .p-paginator-prev,
  .p-paginator .p-paginator-next,
  .p-paginator .p-paginator-last,
  .p-paginator .p-paginator-current,
  .p-paginator .p-paginator-pages .p-paginator-page {
    font: var(--vk-comp-table-paginator-font-style);
    color: var(--vk-comp-table-paginator-color);
    border-radius: 50%;
    transition: none;
  }
  .p-paginator .p-paginator-first.p-disabled,
  .p-paginator .p-paginator-prev.p-disabled,
  .p-paginator .p-paginator-next.p-disabled,
  .p-paginator .p-paginator-last.p-disabled,
  .p-paginator .p-paginator-current.p-disabled,
  .p-paginator .p-paginator-pages .p-paginator-page.p-disabled {
    color: var(--vk-comp-table-paginator-color-disabled);
  }
  .p-paginator .p-paginator-first:not(.p-disabled, .p-paginator-page-selected):hover,
  .p-paginator .p-paginator-prev:not(.p-disabled, .p-paginator-page-selected):hover,
  .p-paginator .p-paginator-next:not(.p-disabled, .p-paginator-page-selected):hover,
  .p-paginator .p-paginator-last:not(.p-disabled, .p-paginator-page-selected):hover,
  .p-paginator .p-paginator-pages .p-paginator-page:not(.p-paginator-page-selected):hover {
    background-color: var(--vk-comp-table-paginator-background-color-hover);
  }
  .p-paginator .p-paginator-pages .p-paginator-page.p-paginator-page-selected {
    background-color: var(--vk-comp-table-paginator-background-color-highlight);
    color: var(--vk-comp-table-paginator-color-highlight);
  }
  .p-paginator .p-paginator-current {
    font: var(--vk-comp-table-paginator-font-style);
  }
  .p-paginator .p-select {
    height: unset;
    width: unset;
  }
  .p-paginator .p-select .p-select-label {
    display: flex;
    align-items: center;
  }
  .p-paginator .p-select .p-select-label:hover {
    border: none;
  }
  .p-datatable,
  .p-treetable {
    --p-datatable-header-padding: 1rem;
    --p-datatable-header-cell-focus-ring-color: var(--oev-color-action-focus-on-light);
    --p-datatable-header-cell-focus-ring-offset: -2px;
    --p-datatable-row-selected-background: none;
    --p-datatable-row-hover-background: var(--vk-comp-table-row-background-color-hover);
    --p-datatable-row-focus-ring-color: var(--oev-color-action-focus-on-light);
    --p-datatable-row-focus-ring-offset: -2px;
  }
  .p-datatable .p-datatable-header,
  .p-datatable .p-treetable-header,
  .p-treetable .p-datatable-header,
  .p-treetable .p-treetable-header {
    border-top: var(--vk-comp-table-header-border-width) solid var(--vk-comp-table-header-border-color);
    background-color: var(--vk-comp-table-header-caption-background-color);
  }
  .p-datatable .p-datatable-header .table-header,
  .p-datatable .p-treetable-header .table-header,
  .p-treetable .p-datatable-header .table-header,
  .p-treetable .p-treetable-header .table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font: var(--vk-comp-table-header-font-style);
    font-size: var(--vk-comp-table-header-font-size);
    color: var(--vk-comp-table-header-font-color);
  }
  .p-datatable .p-datatable-thead > tr:first-child > th,
  .p-datatable .p-treetable-thead > tr:first-child > th,
  .p-treetable .p-datatable-thead > tr:first-child > th,
  .p-treetable .p-treetable-thead > tr:first-child > th {
    border-top: var(--vk-comp-table-header-border-width) solid var(--vk-comp-table-header-border-color);
  }
  .p-datatable .p-datatable-thead > tr:last-child > th,
  .p-datatable .p-treetable-thead > tr:last-child > th,
  .p-treetable .p-datatable-thead > tr:last-child > th,
  .p-treetable .p-treetable-thead > tr:last-child > th {
    border-bottom: var(--vk-comp-table-header-border-width) solid var(--vk-comp-table-header-border-color);
  }
  .p-datatable .p-datatable-thead > tr > th,
  .p-datatable .p-treetable-thead > tr > th,
  .p-treetable .p-datatable-thead > tr > th,
  .p-treetable .p-treetable-thead > tr > th {
    background-color: var(--vk-comp-table-header-background-color);
    color: var(--vk-comp-table-header-font-color);
    font: var(--vk-comp-table-header-font-style);
    font-size: var(--vk-comp-table-header-font-size);
    padding: 1rem;
  }
  .p-datatable .p-datatable-thead > tr > th.p-datatable-sortable-column,
  .p-datatable .p-treetable-thead > tr > th.p-datatable-sortable-column,
  .p-treetable .p-datatable-thead > tr > th.p-datatable-sortable-column,
  .p-treetable .p-treetable-thead > tr > th.p-datatable-sortable-column {
    color: var(--vk-comp-table-header-font-color-interactable);
  }
  .p-datatable .p-datatable-thead > tr > th.p-datatable-sortable-column:hover,
  .p-datatable .p-treetable-thead > tr > th.p-datatable-sortable-column:hover,
  .p-treetable .p-datatable-thead > tr > th.p-datatable-sortable-column:hover,
  .p-treetable .p-treetable-thead > tr > th.p-datatable-sortable-column:hover {
    color: var(--vk-comp-table-header-font-color-interactable-hover);
  }
  .p-datatable .p-datatable-thead p-sorticon,
  .p-datatable .p-datatable-thead p-columnfilter,
  .p-datatable .p-treetable-thead p-sorticon,
  .p-datatable .p-treetable-thead p-columnfilter,
  .p-treetable .p-datatable-thead p-sorticon,
  .p-treetable .p-datatable-thead p-columnfilter,
  .p-treetable .p-treetable-thead p-sorticon,
  .p-treetable .p-treetable-thead p-columnfilter {
    margin-left: 1rem;
  }
  .p-datatable .p-datatable-thead sortalticon::before,
  .p-datatable .p-datatable-thead sortamountupalticon::before,
  .p-datatable .p-datatable-thead sortamountdownicon::before,
  .p-datatable .p-datatable-thead filtericon::before,
  .p-datatable .p-treetable-thead sortalticon::before,
  .p-datatable .p-treetable-thead sortamountupalticon::before,
  .p-datatable .p-treetable-thead sortamountdownicon::before,
  .p-datatable .p-treetable-thead filtericon::before,
  .p-treetable .p-datatable-thead sortalticon::before,
  .p-treetable .p-datatable-thead sortamountupalticon::before,
  .p-treetable .p-datatable-thead sortamountdownicon::before,
  .p-treetable .p-datatable-thead filtericon::before,
  .p-treetable .p-treetable-thead sortalticon::before,
  .p-treetable .p-treetable-thead sortamountupalticon::before,
  .p-treetable .p-treetable-thead sortamountdownicon::before,
  .p-treetable .p-treetable-thead filtericon::before {
    font-size: 1rem;
    font-weight: var(--vk-comp-table-header-icon-font-weight);
  }
  .p-datatable .p-datatable-thead .p-column-filter-menu-button,
  .p-datatable .p-treetable-thead .p-column-filter-menu-button,
  .p-treetable .p-datatable-thead .p-column-filter-menu-button,
  .p-treetable .p-treetable-thead .p-column-filter-menu-button {
    border-radius: 0;
  }
  .p-datatable .p-datatable-thead .p-column-filter-menu-button:focus,
  .p-datatable .p-datatable-thead .p-column-filter-menu-button:focus-visible,
  .p-datatable .p-treetable-thead .p-column-filter-menu-button:focus,
  .p-datatable .p-treetable-thead .p-column-filter-menu-button:focus-visible,
  .p-treetable .p-datatable-thead .p-column-filter-menu-button:focus,
  .p-treetable .p-datatable-thead .p-column-filter-menu-button:focus-visible,
  .p-treetable .p-treetable-thead .p-column-filter-menu-button:focus,
  .p-treetable .p-treetable-thead .p-column-filter-menu-button:focus-visible {
    box-shadow: none;
  }
  .p-datatable .p-datatable-thead .p-sortable-column:focus,
  .p-datatable .p-datatable-thead .p-sortable-column:focus-visible,
  .p-datatable .p-treetable-thead .p-sortable-column:focus,
  .p-datatable .p-treetable-thead .p-sortable-column:focus-visible,
  .p-treetable .p-datatable-thead .p-sortable-column:focus,
  .p-treetable .p-datatable-thead .p-sortable-column:focus-visible,
  .p-treetable .p-treetable-thead .p-sortable-column:focus,
  .p-treetable .p-treetable-thead .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 2px var(--vk-comp-table-header-border-color-focus);
    background-color: var(--vk-comp-table-header-background-color-focus);
    color: var(--vk-comp-table-header-font-color-focus);
    outline: 0 none;
  }
  .p-datatable .p-datatable-thead .p-sortable-column:focus .p-icon-wrapper::before,
  .p-datatable .p-datatable-thead .p-sortable-column:focus-visible .p-icon-wrapper::before,
  .p-datatable .p-treetable-thead .p-sortable-column:focus .p-icon-wrapper::before,
  .p-datatable .p-treetable-thead .p-sortable-column:focus-visible .p-icon-wrapper::before,
  .p-treetable .p-datatable-thead .p-sortable-column:focus .p-icon-wrapper::before,
  .p-treetable .p-datatable-thead .p-sortable-column:focus-visible .p-icon-wrapper::before,
  .p-treetable .p-treetable-thead .p-sortable-column:focus .p-icon-wrapper::before,
  .p-treetable .p-treetable-thead .p-sortable-column:focus-visible .p-icon-wrapper::before {
    color: var(--vk-comp-table-header-font-color-focus);
  }
  .p-datatable .p-datatable-tbody > tr > td,
  .p-datatable .p-treetable-tbody > tr > td,
  .p-treetable .p-datatable-tbody > tr > td,
  .p-treetable .p-treetable-tbody > tr > td {
    vertical-align: top;
    font: var(--vk-comp-table-row-font-style);
    color: var(--vk-comp-table-row-font-color);
    border-bottom: var(--vk-comp-table-header-border-width) solid var(--vk-comp-table-header-border-color);
    padding: 1rem;
    white-space: normal;
  }
  .p-datatable .p-datatable-tbody tr.p-datatable-row-selected,
  .p-datatable .p-treetable-tbody tr.p-datatable-row-selected,
  .p-treetable .p-datatable-tbody tr.p-datatable-row-selected,
  .p-treetable .p-treetable-tbody tr.p-datatable-row-selected {
    background-color: var(--vk-comp-table-row-background-color-highlight);
  }
  .p-datatable .p-datatable-tbody tr.p-datatable-row-selected:hover,
  .p-datatable .p-treetable-tbody tr.p-datatable-row-selected:hover,
  .p-treetable .p-datatable-tbody tr.p-datatable-row-selected:hover,
  .p-treetable .p-treetable-tbody tr.p-datatable-row-selected:hover {
    background-color: var(--vk-comp-table-row-background-color-hover);
  }
  .p-datatable :not(.p-checkbox-box) > .p-iconwrapper,
  .p-treetable :not(.p-checkbox-box) > .p-iconwrapper {
    color: var(--vk-comp-table-header-icon-color-interactable);
    font-size: var(--vk-comp-table-header-icon-size);
    line-height: var(--vk-comp-table-header-icon-size);
    cursor: pointer;
  }
  .p-datatable .p-button,
  .p-treetable .p-button {
    padding-block: unset;
    padding-inline: unset;
  }
  .p-datatable .p-button.p-button-secondary.p-button-text,
  .p-treetable .p-button.p-button-secondary.p-button-text {
    min-height: unset;
    min-width: unset;
    height: 2rem;
    width: 2rem;
    padding: unset;
  }
  .p-datatable .p-button.p-button-secondary.p-button-text::before,
  .p-treetable .p-button.p-button-secondary.p-button-text::before {
    height: 0;
    background-color: transparent;
  }
  .p-datatable-filter-overlay {
    border-radius: var(--vk-comp-table-filter-overlay-border-radius);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text {
    color: var(--vk-comp-table-filter-addrule-button-color);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text::before {
    background-color: var(--vk-comp-table-filter-addrule-button-color);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text plusicon::before {
    margin-right: 0.5rem;
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text:hover {
    color: var(--vk-comp-table-filter-addrule-button-color-hover);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text:hover::before {
    background-color: var(--vk-comp-table-filter-addrule-button-color-hover);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text:active {
    color: var(--vk-comp-table-filter-addrule-button-color-active);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text:active::before {
    background-color: var(--vk-comp-table-filter-addrule-button-color-active);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text:focus-visible {
    color: var(--vk-comp-table-filter-addrule-button-color-focus);
  }
  .p-datatable-filter-overlay .p-button.p-button-info.p-datatable-filter-add-rule-button.p-button-text:focus-visible::before {
    background-color: var(--vk-comp-table-filter-addrule-button-color-focus);
  }
  .p-datatable-filter-overlay .p-datatable-filter-remove-button.p-button-text trashicon::before {
    margin-right: 0.5rem;
  }
  .p-datatable-filter-overlay .p-datepicker .p-inputtext {
    border-radius: var(--vk-comp-input-border-radius);
  }
  .p-datatable-filter-overlay .p-datatable-filter-buttonbar {
    gap: 1rem;
  }
  .p-datatable-filter-overlay .p-datatable-filter-buttonbar .p-button.p-button-outlined {
    color: var(--vk-comp-table-filter-clear-button-color);
    border: var(--vk-comp-table-filter-button-border-width) solid var(--vk-comp-table-filter-clear-button-border-color-default);
  }
  .p-datatable-filter-overlay .p-datatable-filter-buttonbar .p-button.p-button-outlined:hover {
    color: var(--vk-comp-table-filter-clear-button-color-hover);
    border: var(--vk-comp-table-filter-button-border-width) solid var(--vk-comp-table-filter-clear-button-border-color-hover);
  }
  .p-datatable-filter-overlay .p-datatable-filter-buttonbar .p-button.p-button-outlined:active {
    color: var(--vk-comp-table-filter-clear-button-color-active);
    border-color: var(--vk-comp-table-filter-clear-button-border-color-active);
  }
  .p-datatable-filter-overlay .p-datatable-filter-buttonbar .p-button.p-button-outlined:focus {
    color: var(--vk-comp-table-filter-clear-button-color-focus);
    border-color: var(--vk-comp-table-filter-clear-button-border-color-focus);
    background-color: transparent;
  }
  .p-treetable {
    --p-treetable-header-padding: 1rem;
    --p-treetable-header-cell-focus-ring-color: var(--oev-color-action-focus-on-light);
    --p-treetable-header-cell-focus-ring-offset: -2px;
    --p-treetable-row-selected-background: var(--vk-comp-table-row-background-color-highlight);
    --p-treetable-row-hover-background: var(--vk-comp-table-row-background-color-hover);
    --p-treetable-row-focus-ring-color: var(--oev-color-action-focus-on-light);
    --p-treetable-row-focus-ring-offset: -2px;
    --p-treetable-node-toggle-button-size: var(--vk-size-32);
  }
  .p-treetable .p-treetable-thead > tr > th.p-sortable-column {
    color: var(--vk-comp-table-header-font-color-interactable);
  }
  .p-treetable .p-treetable-thead p-treetablesorticon {
    margin-left: 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    vertical-align: middle;
  }
  .p-treetable .p-treetable-tbody > tr:focus {
    outline: none;
  }
  .p-treetable .p-treetable-tbody .p-treetable-toggler {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody .p-treetable-toggler:hover {
    background-color: var(--vk-comp-treetable-icon-background-color-hover);
  }
  .p-treetable .p-treetable-tbody > tr.p-treetable-row-selected {
    background-color: var(--vk-comp-table-row-background-color-highlight);
    outline: 2px solid var(--vk-comp-table-header-border-color-focus);
    outline-offset: -2px;
  }
  .p-treetable .p-treetable-tbody > tr.p-treetable-row-selected .p-treetable-toggler {
    background-color: var(--vk-comp-treetable-icon-background-color-default);
  }
  .p-treetable .p-treetable-tbody > tr.p-treetable-row-selected .p-treetable-toggler .p-iconwrapper::before {
    color: var(--oev-color-action-white);
  }
  .p-treetable .p-treetable-tbody > tr.p-treetable-row-selected .p-treetable-toggler:hover {
    background-color: var(--vk-comp-treetable-icon-background-color-default);
  }
  .p-treetable .p-treetable-tbody > tr.p-treetable-row-selected .p-treetable-toggler:hover .p-iconwrapper::before {
    color: var(--oev-color-action-white);
  }
  .p-fileupload {
    --p-fileupload-header-padding: 0;
    --p-fileupload-content-padding: 0;
    --p-fileupload-file-padding: 0.5rem 0.5rem 0.5rem 1rem;
    --p-fileupload-filelist-gap: 1rem;
    --p-fileupload-file-gap: 2rem;
    border: 0;
  }
  .p-fileupload.p-fileupload-basic {
    justify-content: flex-start;
  }
  .p-fileupload .p-fileupload-file {
    background-color: var(--vk-comp-fileupload-file-background-color);
    border-radius: var(--vk-comp-fileupload-border-radius);
    flex-wrap: nowrap;
  }
  .p-fileupload .p-fileupload-content .p-progressbar-determinate {
    display: none;
  }
  .p-fileupload .p-button.p-button-text.p-fileupload-file-remove-button::before,
  .p-fileupload .p-button.p-button-text.p-fileupload-file-remove-button:hover::before {
    background-color: transparent;
  }
  @media (width > 37.5rem) {
    .p-fileupload .p-fileupload-file-info {
      flex-direction: row;
      gap: 2rem;
    }
  }
  .p-fileupload .p-button.p-fileupload-choose-button {
    color: var(--vk-comp-fileupload-button-text-color);
    background-color: var(--vk-comp-fileupload-button-background-color);
    border-color: var(--vk-comp-fileupload-button-border-color);
  }
  .p-fileupload .p-button.p-fileupload-choose-button:hover {
    background-color: var(--vk-comp-fileupload-button-background-color-hover);
    border-color: var(--vk-comp-fileupload-button-border-color-hover);
    color: var(--vk-comp-fileupload-button-text-color-hover);
  }
  .p-fileupload .p-button.p-fileupload-choose-button:active {
    background-color: var(--vk-comp-fileupload-button-background-color-active);
    border-color: var(--vk-comp-fileupload-button-border-color-active);
    color: var(--vk-comp-fileupload-button-text-color-active);
  }
  .p-fileupload .p-button.p-fileupload-choose-button:focus {
    box-shadow: 0 0 0 var(--vk-comp-fileupload-border-width) var(--vk-comp-fileupload-button-border-color-focus);
  }
  .p-fileupload .p-button.p-fileupload-choose-button:disabled {
    color: var(--vk-comp-fileupload-button-text-color);
    background-color: var(--vk-comp-fileupload-button-background-color-disabled);
    border-color: var(--vk-comp-fileupload-button-border-color-disabled);
  }
  .p-autocomplete {
    --p-autocomplete-invalid-border-color: var(--vk-comp-input-border-color-error);
    --p-autocomplete-list-padding: 0;
    --p-autocomplete-option-selected-background: var(--oev-color-gray-100);
    --p-autocomplete-option-selected-focus-background: var(--vk-comp-autocomplete-item-background-color-hover);
    --p-autocomplete-option-selected-color: var(--oev-color-font-body-default);
    --p-autocomplete-option-selected-focus-color: var(--oev-color-font-body-default);
    --p-autocomplete-dropdown-border-color: var(--vk-comp-button-border-color-primary);
    --p-autocomplete-dropdown-hover-border-color: var(--vk-comp-button-border-color-primary-hover);
    --p-autocomplete-dropdown-active-border-color: var(--vk-comp-button-border-color-primary-active);
    --p-autocomplete-dropdown-border-radius: var(--vk-comp-button-border-radius);
    --p-autocomplete-dropdown-background: var(--vk-comp-button-background-color-primary);
    --p-autocomplete-dropdown-hover-background: var(--vk-comp-button-background-color-primary-hover);
    --p-autocomplete-dropdown-active-background: var(--vk-comp-button-background-color-primary-active);
    --p-autocomplete-dropdown-color: var(--vk-comp-button-color-primary);
    --p-autocomplete-dropdown-hover-color: var(--vk-comp-button-color-primary);
    --p-autocomplete-dropdown-active-color: var(--vk-comp-button-color-primary);
    --p-disabled-opacity: 1;
    width: 100%;
  }
  .p-autocomplete .p-autocomplete-dropdown {
    font-size: 1rem;
    padding: 0 1.25rem;
    min-width: var(--vk-size-48);
    min-height: var(--vk-size-48);
  }
  .ng-dirty.ng-invalid .p-autocomplete .p-inputtext,
  .ng-invalid .p-autocomplete .p-inputtext {
    border: var(--vk-comp-input-border-width-error) solid var(--vk-comp-input-border-color-error);
  }
  .ng-dirty.ng-invalid .p-autocomplete .p-inputtext:not(:disabled):not(.p-disabled):hover,
  .ng-invalid .p-autocomplete .p-inputtext:not(:disabled):not(.p-disabled):hover {
    border: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-error-hover);
    box-shadow: inset 0 0 0 calc(var(--vk-comp-input-border-width-hover) / 2) var(--vk-comp-input-border-color-error-hover);
  }
  .ng-dirty.ng-invalid .p-autocomplete .p-autocomplete-dropdown,
  .ng-invalid .p-autocomplete .p-autocomplete-dropdown {
    border-color: var(--vk-comp-input-border-color-error);
  }
  .p-checkbox {
  }
  .p-checkbox .p-checkbox-box {
    border-radius: var(--vk-comp-checkbox-border-radius);
    border-width: var(--vk-comp-checkbox-border-width);
  }
  .p-checkbox:not(.p-checkbox-checked) .p-checkbox-box {
    color: var(--vk-comp-checkbox-icon-color);
    background: var(--vk-comp-checkbox-background-color);
    border-color: var(--vk-comp-checkbox-border-color);
  }
  .p-checkbox:not(.p-checkbox-checked) .p-checkbox-input:hover + .p-checkbox-box {
    border-color: var(--vk-comp-checkbox-border-color-hover);
    background-color: var(--vk-comp-checkbox-background-color);
  }
  .p-checkbox:not(.p-checkbox-checked) .p-checkbox-input:active + .p-checkbox-box {
    border-color: var(--vk-comp-checkbox-border-color-active);
  }
  .p-checkbox:not(.p-checkbox-checked).p-disabled .p-checkbox-box {
    border-color: var(--vk-comp-checkbox-border-color-disabled);
  }
  .p-checkbox.p-checkbox-checked .p-checkbox-box,
  .p-checkbox:not(.p-checkbox-checked):has(minusicon) .p-checkbox-box {
    background-color: var(--vk-comp-checkbox-color-checked);
    border-color: var(--vk-comp-checkbox-color-checked);
    color: var(--vk-comp-checkbox-icon-color);
  }
  .p-checkbox.p-checkbox-checked .p-checkbox-input:hover + .p-checkbox-box,
  .p-checkbox:not(.p-checkbox-checked):has(minusicon) .p-checkbox-input:hover + .p-checkbox-box {
    border-color: var(--vk-comp-checkbox-color-checked-hover);
    background: var(--vk-comp-checkbox-color-checked-hover);
  }
  .p-checkbox.p-checkbox-checked .p-checkbox-input:active + .p-checkbox-box,
  .p-checkbox:not(.p-checkbox-checked):has(minusicon) .p-checkbox-input:active + .p-checkbox-box {
    border-color: var(--vk-comp-checkbox-color-checked-active);
    background: var(--vk-comp-checkbox-color-checked-active);
  }
  .p-checkbox.p-checkbox-checked.p-disabled .p-checkbox-box,
  .p-checkbox:not(.p-checkbox-checked):has(minusicon).p-disabled .p-checkbox-box {
    border-color: var(--vk-comp-checkbox-color-checked-disabled);
    background-color: var(--vk-comp-checkbox-color-checked-disabled);
  }
  .p-checkbox .p-checkbox-box:focus-visible,
  .p-checkbox .p-checkbox-box:focus {
    outline: var(--vk-spacing-02) solid var(--oev-color-action-focus-on-light);
    outline-offset: var(--vk-spacing-02);
  }
  p-checkbox {
    display: flex;
  }
  p-checkbox + label {
    font: var(--vk-comp-checkbox-label-font-style) !important;
    color: var(--vk-comp-checkbox-label-color);
    padding-top: 1px;
  }
  p-checkbox .p-iconwrapper {
    font-size: 0.9rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: var(--vk-comp-checkbox-icon-color);
  }
  p-checkbox.ng-dirty.ng-invalid + label,
  p-checkbox.ng-invalid + label {
    color: var(--vk-comp-checkbox-label-color-error);
  }
  p-checkbox.ng-dirty.ng-invalid :not(.p-checkbox-checked) .p-checkbox-box,
  p-checkbox.ng-invalid :not(.p-checkbox-checked) .p-checkbox-box {
    border-color: var(--vk-comp-checkbox-border-color-error);
  }
  p-checkbox.ng-dirty.ng-invalid :not(.p-checkbox-checked):not(.p-disabled) .p-checkbox-input:hover + .p-checkbox-box,
  p-checkbox.ng-invalid :not(.p-checkbox-checked):not(.p-disabled) .p-checkbox-input:hover + .p-checkbox-box {
    border-color: var(--vk-comp-checkbox-border-color-error);
  }
  p-checkbox.ng-dirty.ng-invalid .p-checkbox-checked .p-checkbox-box,
  p-checkbox.ng-invalid .p-checkbox-checked .p-checkbox-box {
    background-color: var(--vk-comp-checkbox-color-checked-error);
    border-color: var(--vk-comp-checkbox-border-color-error);
  }
  p-checkbox.ng-dirty.ng-invalid .p-checkbox-checked:not(.p-disabled) .p-checkbox-input:hover + .p-checkbox-box,
  p-checkbox.ng-invalid .p-checkbox-checked:not(.p-disabled) .p-checkbox-input:hover + .p-checkbox-box {
    background-color: var(--vk-comp-checkbox-color-checked-error);
    border-color: var(--vk-comp-checkbox-border-color-error);
  }
  div:has(> p-checkbox + label) {
    display: flex;
    align-items: flex-start;
    gap: var(--vk-global-group-label-gap);
  }
  .p-datepicker {
    --p-datepicker-transition-duration: 0;
    --p-datepicker-panel-background: var(--oev-color-action-white);
    --p-datepicker-panel-border-color: transparent;
    --p-datepicker-panel-border-radius: var(--vk-comp-datepicker-border-radius);
    --p-datepicker-panel-shadow: var(--vk-comp-datepicker-shadow);
    --p-datepicker-panel-padding: var(--vk-comp-datepicker-grid-spacing-outer-top) var(--vk-comp-datepicker-grid-spacing-outer-horizontal);
    --p-datepicker-header-border-color: var(--vk-comp-datepicker-divider-color);
    --p-datepicker-header-padding: 0;
    --p-datepicker-dropdown-border-radius: var(--vk-comp-datepicker-dropdown-border-radius);
    --p-datepicker-dropdown-border-color: var(--vk-comp-datepicker-dropdown-border-color);
    --p-datepicker-dropdown-hover-border-color: var(--vk-comp-datepicker-dropdown-hover-border-color);
    --p-datepicker-dropdown-active-border-color: var(--vk-comp-datepicker-dropdown-active-border-color);
    --p-datepicker-dropdown-background: var(--vk-comp-datepicker-dropdown-background);
    --p-datepicker-dropdown-hover-background: var(--vk-comp-datepicker-dropdown-hover-background);
    --p-datepicker-dropdown-active-background: var(--vk-comp-datepicker-dropdown-active-background);
    --p-datepicker-dropdown-color: var(--vk-comp-datepicker-dropdown-color);
    --p-datepicker-dropdown-hover-color: var(--vk-comp-datepicker-dropdown-hover-color);
    --p-datepicker-dropdown-active-color: var(--vk-comp-datepicker-dropdown-active-color);
    --p-datepicker-input-icon-color: var(--vk-comp-datepicker-input-icon-color);
    --p-datepicker-week-day-padding: var(--vk-spacing-08);
    --p-datepicker-week-day-font-weight: var(--oev-font-weight-bold);
    --p-datepicker-date-hover-background: var(--vk-comp-datepicker-day-background-color-hover);
    --p-datepicker-date-selected-background: var(--vk-comp-datepicker-day-background-color-highlight);
    --p-datepicker-date-range-selected-background: var(--vk-comp-datepicker-day-background-color-highlight);
    --p-datepicker-date-selected-color: var(--vk-comp-datepicker-selected-color);
    --p-datepicker-date-hover-color: var(--vk-comp-datepicker-date-hover-color);
    --p-datepicker-date-range-selected-color: var(--vk-comp-datepicker-date-range-selected-color);
    --p-datepicker-date-border-radius: var(--vk-comp-datepicker-date-border-radius);
    --p-datepicker-date-padding: var(--vk-spacing-02);
    --p-datepicker-buttonbar-border-color: var(--vk-comp-datepicker-divider-color);
    --p-datepicker-time-picker-border-color: var(--vk-comp-datepicker-divider-color);
    --p-datepicker-time-picker-gap: 0;
    --p-datepicker-today-background: var(--vk-comp-datepicker-day-background-color-today);
    --p-datepicker-today-color: var(--vk-comp-datepicker-today-color);
    width: 100%;
  }
  .p-datepicker .p-datepicker-panel {
    min-width: unset;
  }
  .p-datepicker .p-datepicker-select-month,
  .p-datepicker .p-datepicker-select-year {
    font: var(--vk-comp-datepicker-font-style);
  }
  .p-datepicker .p-datepicker-day-view {
    font: var(--vk-comp-datepicker-days-font);
  }
  .p-datepicker .p-datepicker-day:focus-visible,
  .p-datepicker .p-datepicker-select-month:focus-visible,
  .p-datepicker .p-datepicker-select-year:focus-visible,
  .p-datepicker .p-datepicker-day:focus,
  .p-datepicker .p-datepicker-select-month:focus,
  .p-datepicker .p-datepicker-select-year:focus {
    border-radius: var(--vk-comp-button-border-radius);
    outline: var(--vk-comp-button-border-width) solid var(--oev-color-action-focus-on-light);
  }
  .p-datepicker .p-datepicker-day.p-disabled {
    color: var(--vk-comp-datepicker-day-font-color-disabled);
    opacity: 1;
  }
  .p-datepicker:not(:has(.p-datepicker-input-icon-container)) .p-inputtext {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-datepicker .p-datepicker-dropdown {
    font-size: 1rem;
    padding: 0 1.25rem;
    min-width: var(--vk-size-48);
    min-height: var(--vk-size-48);
  }
  .p-datepicker .p-inputtext:disabled + .p-datepicker-dropdown {
    color: var(--vk-comp-button-color-primary-disabled);
    background-color: var(--vk-comp-button-background-color-primary-disabled);
    border-color: var(--vk-comp-input-border-color-disabled);
    cursor: default;
  }
  .p-datepicker .p-datepicker-calendar :not(.p-selectbutton) > .p-button.p-button-text,
  .p-datepicker .p-datepicker-hour-picker :not(.p-selectbutton) > .p-button.p-button-text,
  .p-datepicker .p-datepicker-minute-picker :not(.p-selectbutton) > .p-button.p-button-text,
  .p-datepicker .p-datepicker-second-picker :not(.p-selectbutton) > .p-button.p-button-text {
    color: var(--vk-comp-datepicker-button-text-color-primary);
  }
  .p-datepicker .p-datepicker-calendar :not(.p-selectbutton) > .p-button.p-button-text::before,
  .p-datepicker .p-datepicker-hour-picker :not(.p-selectbutton) > .p-button.p-button-text::before,
  .p-datepicker .p-datepicker-minute-picker :not(.p-selectbutton) > .p-button.p-button-text::before,
  .p-datepicker .p-datepicker-second-picker :not(.p-selectbutton) > .p-button.p-button-text::before {
    background-color: transparent;
  }
  .p-datepicker .p-datepicker-input-icon-container .p-iconwrapper {
    line-height: unset !important;
  }
  .ng-dirty.ng-invalid .p-datepicker .p-inputtext,
  .ng-invalid .p-datepicker .p-inputtext {
    border: var(--vk-comp-input-border-width-error) solid var(--vk-comp-input-border-color-error);
  }
  .ng-dirty.ng-invalid .p-datepicker .p-inputtext:not(.p-disabled):hover,
  .ng-invalid .p-datepicker .p-inputtext:not(.p-disabled):hover {
    border: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-error-hover);
    box-shadow: inset 0 0 0 calc(var(--vk-comp-input-border-width-hover) / 2) var(--vk-comp-input-border-color-error-hover);
  }
  .ng-dirty.ng-invalid .p-datepicker .p-datepicker-dropdown,
  .ng-invalid .p-datepicker .p-datepicker-dropdown {
    border-color: var(--vk-comp-input-border-color-error);
  }
  .p-floatlabel,
  .p-floatalabel-on {
    --p-floatlabel-position-x: 1rem;
  }
  .p-floatlabel label,
  .p-floatalabel-on label {
    font: var(--vk-comp-input-placeholder-font-style) !important;
    color: var(--vk-comp-input-placeholder-color);
    transition: none;
  }
  .p-floatlabel input::placeholder,
  .p-floatalabel-on input::placeholder {
    opacity: 0;
  }
  .p-floatlabel input:focus::placeholder,
  .p-floatalabel-on input:focus::placeholder {
    opacity: 1;
  }
  .p-floatlabel:has(input:focus) label,
  .p-floatlabel:has(input:-webkit-autofill) label,
  .p-floatlabel:has(textarea:focus) label,
  .p-floatlabel:has(.p-inputwrapper-focus) label,
  .p-floatlabel:has(input.p-filled) label,
  .p-floatalabel-on:has(input:focus) label,
  .p-floatalabel-on:has(input:-webkit-autofill) label,
  .p-floatalabel-on:has(textarea:focus) label,
  .p-floatalabel-on:has(.p-inputwrapper-focus) label,
  .p-floatalabel-on:has(input.p-filled) label {
    font: var(--vk-comp-input-float-label-font-style) !important;
    color: var(--vk-comp-input-float-label-color);
    top: 0;
    left: 0.75rem;
    background-color: white;
    padding: 0 0.25rem;
    transition: none;
  }
  .p-floatlabel:not(:has(input:focus)) input::placeholder,
  .p-floatlabel:not(:has(input.p-filled)) input::placeholder,
  .p-floatlabel:not(:has(input:-webkit-autofill)) input::placeholder,
  .p-floatlabel:not(:has(textarea:focus)) textarea::placeholder,
  .p-floatlabel:not(:has(textarea.p-filled)) textarea::placeholder,
  .p-floatlabel:not(:has(.p-inputwrapper-focus)) input::placeholder,
  .p-floatlabel:not(:has(.p-inputwrapper-filled)) input::placeholder {
    color: transparent !important;
  }
  .p-floatlabel:has(input:focus) input::placeholder,
  .p-floatlabel:has(input:-webkit-autofill) input::placeholder,
  .p-floatlabel:has(textarea:focus) input::placeholder,
  .p-floatlabel:has(.p-inputwrapper-focus) input::placeholder {
    color: var(--p-inputtext-placeholder-color) !important;
  }
  .p-iconfield .p-inputicon {
    color: var(--vk-comp-input-color);
  }
  .p-iconfield .p-inputtext:not(:first-child) {
    padding-inline-start: calc(var(--p-form-field-padding-x) * 2 + var(--p-icon-size) / 2);
  }
  .p-iconfield:has(input.ng-invalid) .p-inputicon {
    color: var(--vk-comp-input-error-text-color);
  }
  .p-iconfield:has(input:disabled) .p-inputicon {
    color: var(--vk-comp-input-color-disabled);
  }
  .p-iconfield.p-iconfield-right .p-inputtext {
    padding-right: 40px;
  }
  .p-inputnumber {
    --p-inputtext-background: var(--vk-comp-input-background-color);
    --p-inputtext-disabled-background: var(--vk-comp-input-background-color);
    --p-inputtext-border-color: var(--vk-comp-input-border-color);
    --p-inputtext-border-radius: var(--vk-comp-input-border-radius);
    --p-inputtext-hover-border-color: var(--vk-comp-input-border-color-hover);
    --p-inputtext-focus-border-color: var(--vk-comp-input-border-color-focus);
    --p-inputtext-invalid-border-color: var(--vk-comp-input-border-color-error);
    --p-inputtext-color: var(--vk-comp-input-color);
    --p-inputtext-disabled-color: var(--vk-comp-input-color-disabled);
    --p-inputtext-placeholder-color: var(--vk-comp-input-placeholder-color);
    --p-form-field-invalid-placeholder-color: var(--vk-comp-input-error-text-color);
    --p-form-field-float-label-invalid-color: var(--vk-comp-input-error-text-color);
    --p-inputtext-padding-y: calc(0.75rem - 1px);
    --p-inputtext-padding-x: calc(1rem - 1px);
    width: 100%;
  }
  .p-inputnumber .p-inputtext {
    border: var(--vk-comp-input-border);
    font: var(--oev-font-style-body);
    transition: none;
  }
  .p-inputnumber .p-inputtext:disabled {
    opacity: 1;
    color: var(--vk-comp-input-color-disabled);
    border: var(--vk-comp-input-border-disabled);
  }
  .p-inputnumber .p-inputtext::placeholder {
    font: var(--vk-comp-input-placeholder-font-style);
    color: var(--vk-comp-input-placeholder-color);
  }
  .p-inputnumber .p-inputtext:disabled::placeholder {
    color: var(--vk-comp-input-color-disabled);
  }
  .p-inputnumber:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error) .p-inputtext:not(:disabled).p-focus,
  .p-inputnumber:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error) .p-inputtext:not(:disabled):focus {
    border: var(--vk-comp-input-border-focus);
    box-shadow: var(--vk-comp-input-box-shadow-focus);
  }
  .p-inputnumber:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error) .p-inputtext:not(:disabled):hover,
  .p-inputnumber:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error) .p-inputtext:not(:disabled):active {
    background-color: var(--vk-comp-input-background-color-hover);
    color: var(--vk-comp-input-color-hover);
    border: var(--vk-comp-input-border-hover);
    box-shadow: var(--vk-comp-input-box-shadow-hover);
  }
  .p-inputnumber:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error) .p-inputtext:not(:disabled):hover:focus,
  .p-inputnumber:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error) .p-inputtext:not(:disabled):active:focus {
    border: var(--vk-comp-input-border-hover-focus);
    box-shadow: var(--vk-comp-input-box-shadow-hover-focus);
  }
  .p-inputnumber.ng-dirty.ng-invalid:not(:disabled) .p-inputtext,
  .p-inputnumber.ng-invalid:not(:disabled) .p-inputtext,
  .p-inputnumber.p-error:not(:disabled) .p-inputtext {
    border: var(--vk-comp-input-border-error);
  }
  .p-inputnumber.ng-dirty.ng-invalid:not(:disabled) .p-inputtext:hover,
  .p-inputnumber.ng-invalid:not(:disabled) .p-inputtext:hover,
  .p-inputnumber.p-error:not(:disabled) .p-inputtext:hover {
    background-color: var(--vk-comp-input-background-color-hover);
    border: var(--vk-comp-input-border-error-hover);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover);
  }
  .p-inputnumber.ng-dirty.ng-invalid:not(:disabled) .p-inputtext:focus,
  .p-inputnumber.ng-dirty.ng-invalid:not(:disabled) .p-inputtext.p-focus,
  .p-inputnumber.ng-invalid:not(:disabled) .p-inputtext:focus,
  .p-inputnumber.ng-invalid:not(:disabled) .p-inputtext.p-focus,
  .p-inputnumber.p-error:not(:disabled) .p-inputtext:focus,
  .p-inputnumber.p-error:not(:disabled) .p-inputtext.p-focus {
    border: var(--vk-comp-input-border-error-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-focus);
  }
  .p-inputnumber.ng-dirty.ng-invalid:not(:disabled) .p-inputtext:hover:focus,
  .p-inputnumber.ng-dirty.ng-invalid:not(:disabled) .p-inputtext:active:focus,
  .p-inputnumber.ng-invalid:not(:disabled) .p-inputtext:hover:focus,
  .p-inputnumber.ng-invalid:not(:disabled) .p-inputtext:active:focus,
  .p-inputnumber.p-error:not(:disabled) .p-inputtext:hover:focus,
  .p-inputnumber.p-error:not(:disabled) .p-inputtext:active:focus {
    border: var(--vk-comp-input-border-error-hover-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover-focus);
  }
  :not(.p-inputnumber) > .p-inputtext {
    --p-inputtext-background: var(--vk-comp-input-background-color);
    --p-inputtext-disabled-background: var(--vk-comp-input-background-color);
    --p-inputtext-border-color: var(--vk-comp-input-border-color);
    --p-inputtext-border-radius: var(--vk-comp-input-border-radius);
    --p-inputtext-hover-border-color: var(--vk-comp-input-border-color-hover);
    --p-inputtext-focus-border-color: var(--vk-comp-input-border-color-focus);
    --p-inputtext-invalid-border-color: var(--vk-comp-input-border-color-error);
    --p-inputtext-color: var(--vk-comp-input-color);
    --p-inputtext-disabled-color: var(--vk-comp-input-color-disabled);
    --p-inputtext-placeholder-color: var(--vk-comp-input-placeholder-color);
    --p-form-field-invalid-placeholder-color: var(--vk-comp-input-error-text-color);
    --p-form-field-float-label-invalid-color: var(--vk-comp-input-error-text-color);
    --p-inputtext-padding-y: calc(0.75rem - 1px);
    --p-inputtext-padding-x: calc(1rem - 1px);
    width: 100%;
    border: var(--vk-comp-input-border);
    font: var(--oev-font-style-body);
    transition: none;
  }
  :not(.p-inputnumber) > .p-inputtext:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error):not(:disabled).p-focus,
  :not(.p-inputnumber) > .p-inputtext:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error):not(:disabled):focus {
    border: var(--vk-comp-input-border-focus);
    box-shadow: var(--vk-comp-input-box-shadow-focus);
  }
  :not(.p-inputnumber) > .p-inputtext:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error):not(:disabled):hover,
  :not(.p-inputnumber) > .p-inputtext:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error):not(:disabled):active {
    background-color: var(--vk-comp-input-background-color-hover);
    color: var(--vk-comp-input-color-hover);
    border: var(--vk-comp-input-border-hover);
    box-shadow: var(--vk-comp-input-box-shadow-hover);
  }
  :not(.p-inputnumber) > .p-inputtext:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error):not(:disabled):hover:focus,
  :not(.p-inputnumber) > .p-inputtext:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error):not(:disabled):active:focus {
    border: var(--vk-comp-input-border-hover-focus);
    box-shadow: var(--vk-comp-input-box-shadow-hover-focus);
  }
  :not(.p-inputnumber) > .p-inputtext.ng-dirty.ng-invalid,
  :not(.p-inputnumber) > .p-inputtext.ng-invalid,
  :not(.p-inputnumber) > .p-inputtext.p-error {
    border: var(--vk-comp-input-border-error);
  }
  :not(.p-inputnumber) > .p-inputtext.ng-dirty.ng-invalid:not(:disabled):hover,
  :not(.p-inputnumber) > .p-inputtext.ng-invalid:not(:disabled):hover,
  :not(.p-inputnumber) > .p-inputtext.p-error:not(:disabled):hover {
    background-color: var(--vk-comp-input-background-color-hover);
    border: var(--vk-comp-input-border-error-hover);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover);
  }
  :not(.p-inputnumber) > .p-inputtext.ng-dirty.ng-invalid:not(:disabled):focus,
  :not(.p-inputnumber) > .p-inputtext.ng-dirty.ng-invalid:not(:disabled).p-focus,
  :not(.p-inputnumber) > .p-inputtext.ng-invalid:not(:disabled):focus,
  :not(.p-inputnumber) > .p-inputtext.ng-invalid:not(:disabled).p-focus,
  :not(.p-inputnumber) > .p-inputtext.p-error:not(:disabled):focus,
  :not(.p-inputnumber) > .p-inputtext.p-error:not(:disabled).p-focus {
    border: var(--vk-comp-input-border-error-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-focus);
  }
  :not(.p-inputnumber) > .p-inputtext.ng-dirty.ng-invalid:not(:disabled):hover:focus,
  :not(.p-inputnumber) > .p-inputtext.ng-dirty.ng-invalid:not(:disabled):active:focus,
  :not(.p-inputnumber) > .p-inputtext.ng-invalid:not(:disabled):hover:focus,
  :not(.p-inputnumber) > .p-inputtext.ng-invalid:not(:disabled):active:focus,
  :not(.p-inputnumber) > .p-inputtext.p-error:not(:disabled):hover:focus,
  :not(.p-inputnumber) > .p-inputtext.p-error:not(:disabled):active:focus {
    border: var(--vk-comp-input-border-error-hover-focus);
    box-shadow: var(--vk-comp-input-box-shadow-error-hover-focus);
  }
  :not(.p-inputnumber) > .p-inputtext:disabled {
    opacity: 1;
    color: var(--vk-comp-input-color-disabled);
    border: var(--vk-comp-input-border-disabled);
  }
  :not(.p-inputnumber) > .p-inputtext::placeholder {
    font: var(--vk-comp-input-placeholder-font-style);
    color: var(--vk-comp-input-placeholder-color);
  }
  :not(.p-inputnumber) > .p-inputtext:disabled::placeholder {
    color: var(--vk-comp-input-color-disabled);
  }
  .p-multiselect {
    --p-multiselect-background: var(--vk-comp-multiselect-background-color);
    --p-multiselect-border-color: var(--vk-comp-multiselect-border-color);
    --p-multiselect-border-radius: var(--vk-comp-multiselect-border-radius);
    --p-multiselect-padding-y: var(--vk-spacing-12);
    --p-multiselect-padding-x: var(--vk-spacing-12);
    --p-multiselect-color: var(--vk-comp-multiselect-text-color);
    --p-multiselect-dropdown-color: var(--vk-comp-multiselect-header-icon-color);
    --p-multiselect-option-color: var(--vk-comp-multiselect-dropdown-text-color);
    --p-multiselect-option-focus-background: var(--vk-comp-multiselect-menu-items-background-color-hover);
    --p-multiselect-option-selected-focus-background: var(--vk-comp-multiselect-dropdown-selected-background-color);
    --p-multiselect-option-focus-color: inherit;
    --p-multiselect-option-padding: var(--vk-spacing-12) var(--vk-spacing-16);
    --p-multiselect-list-padding: 0;
    --p-multiselect-list-gap: 0;
    --p-multiselect-disabled-background: var(--vk-comp-multiselect-background-color);
    --p-multiselect-invalid-border-color: var(--vk-comp-multiselect-error-color);
    --p-multiselect-list-header-padding: var(--vk-spacing-08);
    --p-multiselect-shadow: none;
    --p-multiselect-disabled-color: var(--vk-comp-multiselect-dropdown-text-color-disabled);
    --p-multiselect-clear-icon-color: var(--vk-comp-multiselect-header-icon-color);
    width: 100%;
    max-width: 660px;
    min-width: 213px;
  }
  .p-multiselect .p-multiselect-label {
    flex-wrap: wrap;
    padding-right: var(--vk-spacing-04);
    gap: calc(var(--vk-spacing-12) / 2);
  }
  .p-multiselect .p-multiselect-label:has(.p-chip) {
    padding: var(--vk-spacing-04);
  }
  .p-multiselect .p-multiselect-dropdown {
    align-items: flex-start;
    margin-top: var(--vk-comp-multiselect-spacing-s);
  }
  .p-multiselect .p-multiselect-dropdown chevrondownicon::before {
    font-weight: var(--vk-comp-multiselect-dropdown-icon-font-weight);
  }
  .p-multiselect .p-multiselect-clear-icon {
    align-items: flex-start;
    margin-top: var(--vk-comp-multiselect-spacing-s);
    margin-left: var(--vk-comp-multiselect-spacing-xs);
  }
  .p-multiselect:not(.p-disabled):hover,
  .p-multiselect:not(.p-disabled):active {
    border-color: var(--vk-comp-multiselect-border-color-hover);
    box-shadow: var(--vk-comp-multiselect-boxshadow-hover);
  }
  .p-multiselect:not(.p-disabled).p-focus,
  .p-multiselect:not(.p-disabled):focus,
  .p-multiselect:not(.p-disabled):focus-visible {
    box-shadow: none;
    border-color: var(--vk-comp-multiselect-border-color-focus);
  }
  .p-multiselect:not(.p-disabled).p-focus:hover,
  .p-multiselect:not(.p-disabled).p-focus:active,
  .p-multiselect:not(.p-disabled):focus:hover,
  .p-multiselect:not(.p-disabled):focus:active,
  .p-multiselect:not(.p-disabled):focus-visible:hover,
  .p-multiselect:not(.p-disabled):focus-visible:active {
    border-color: var(--vk-comp-multiselect-border-color-hover);
    box-shadow: 0 0 0 var(--vk-comp-multiselect-border-width) var(--vk-comp-multiselect-border-width);
  }
  .p-multiselect.p-disabled .p-multiselect-dropdown {
    color: var(--vk-comp-multiselect-dropdown-text-color-disabled);
  }
  .p-multiselect.p-disabled .p-chip-remove-icon {
    display: none;
  }
  .p-multiselect .p-multiselect-option:has(.p-checkbox-checked) {
    background-color: var(--vk-comp-multiselect-dropdown-selected-background-color);
    color: var(--vk-comp-multiselect-dropdown-selected-text-color);
  }
  .p-multiselect .p-multiselect-option.p-focus {
    box-shadow: inset 0 0 0 1px var(--vk-comp-multiselect-dropdown-border-color-focus);
    border-radius: var(--vk-comp-multiselect-border-radius);
  }
  .p-multiselect.ng-invalid .p-multiselect-clear-icon::before {
    color: var(--vk-comp-multiselect-error-color);
  }
  .p-multiselect.ng-invalid .p-multiselect-dropdown chevrondownicon::before {
    color: var(--vk-comp-multiselect-error-color);
  }
  .p-password {
    width: 100%;
    font: var(--oev-font-style-body);
  }
  .p-password .p-iconwrapper {
    right: 1rem;
    color: var(--oev-font-style-body);
  }
  .p-password .p-password-meter {
    border-radius: 0;
  }
  .p-password .p-password-meter .p-password-meter-label {
    border-radius: 0;
  }
  .p-password .p-password-meter .p-password-meter-label.p-password-meter-strong {
    background-color: var(--vk-comp-password-meter-strong-background-color);
  }
  .p-password .p-password-meter .p-password-meter-label.p-password-meter-medium {
    background-color: var(--vk-comp-password-meter-medium-background-color);
  }
  .p-password .p-password-meter .p-password-meter-label.p-password-meter-weak {
    background-color: var(--vk-comp-password-meter-weak-background-color);
  }
  .p-password .p-password-overlay h6 {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  .ng-invalid .p-password .p-inputtext {
    border-color: var(--p-inputtext-invalid-border-color);
  }
  .ng-invalid .p-password .p-inputtext:not(.p-disabled):not(:disabled):hover,
  .ng-invalid .p-password .p-inputtext:not(.p-disabled):not(:disabled):active {
    border: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-error-hover);
    box-shadow: inset 0 0 0 calc(var(--vk-comp-input-border-width-hover) / 2) var(--vk-comp-input-border-color-error-hover);
  }
  .p-radiobutton {
    margin-top: var(--vk-size-03);
  }
  .p-radiobutton:not(.p-radiobutton-checked) .p-radiobutton-box {
    border-color: var(--vk-comp-radiobutton-border-color);
    background-color: var(--vk-comp-radiobutton-background-color);
  }
  .p-radiobutton:not(.p-radiobutton-checked):not(.p-disabled) .p-radiobutton-input:active + .p-radiobutton-box {
    background-color: var(--vk-comp-radiobutton-background-color);
    border-color: var(--vk-comp-radiobutton-selected-border-color-active);
  }
  .p-radiobutton:not(.p-radiobutton-checked):not(.p-disabled) .p-radiobutton-input:hover + .p-radiobutton-box {
    background-color: var(--vk-comp-radiobutton-background-color);
    border-color: var(--vk-comp-radiobutton-selected-border-color-hover);
  }
  .p-radiobutton:not(.p-radiobutton-checked).p-disabled .p-radiobutton-box {
    border-color: var(--vk-comp-radiobutton-border-color-disabled);
  }
  .p-radiobutton:not(.p-radiobutton-checked).p-disabled .p-radiobutton-box .p-radiobutton-icon {
    background-color: var(--vk-comp-radiobutton-icon-background-color-disabled);
    width: 0;
    height: 0;
  }
  .p-radiobutton.p-radiobutton-checked .p-radiobutton-box {
    background-color: var(--vk-comp-radiobutton-background-color);
    border-color: var(--vk-comp-radiobutton-selected-border-color);
  }
  .p-radiobutton.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
    background-color: var(--vk-comp-radiobutton-icon-background-color);
  }
  .p-radiobutton.p-radiobutton-checked:not(.p-disabled) .p-radiobutton-input:active + .p-radiobutton-box {
    background-color: var(--vk-comp-radiobutton-background-color);
    border-color: var(--vk-comp-radiobutton-selected-border-color-active);
  }
  .p-radiobutton.p-radiobutton-checked:not(.p-disabled) .p-radiobutton-input:hover + .p-radiobutton-box {
    background-color: var(--vk-comp-radiobutton-background-color);
    border-color: var(--vk-comp-radiobutton-selected-border-color-hover);
  }
  .p-radiobutton.p-radiobutton-checked.p-disabled .p-radiobutton-box {
    background-color: var(--vk-comp-radiobutton-background-color);
    border-color: var(--vk-comp-radiobutton-border-color-disabled);
  }
  .p-radiobutton.p-radiobutton-checked.p-disabled .p-radiobutton-box .p-radiobutton-icon {
    background-color: var(--vk-comp-radiobutton-icon-background-color-disabled);
  }
  .p-radiobutton .p-radiobutton-box {
    border-width: 2px;
  }
  div:has(> p-radiobutton + label),
  div:has(> p-radio-button + label) {
    display: flex;
    align-items: flex-start;
    gap: var(--vk-global-group-label-gap);
  }
  p-radiobutton,
  p-radio-button {
    display: flex;
  }
  p-radiobutton + label,
  p-radiobutton > label,
  p-radio-button + label,
  p-radio-button > label {
    font: var(--vk-comp-radiobutton-option-font-style) !important;
    color: var(--vk-comp-radiobutton-option-font-color);
    margin: 0;
    padding-top: 1px;
  }
  p-radiobutton.ng-dirty.ng-invalid + label,
  p-radiobutton.ng-invalid + label,
  p-radio-button.ng-dirty.ng-invalid + label,
  p-radio-button.ng-invalid + label {
    color: var(--vk-comp-radiobutton-error-text-color);
  }
  p-radiobutton.ng-dirty.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-box,
  p-radiobutton.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-box,
  p-radio-button.ng-dirty.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-box,
  p-radio-button.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-box {
    border-color: var(--vk-comp-radiobutton-border-color-error);
  }
  p-radiobutton.ng-dirty.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-input:hover + .p-radiobutton-box,
  p-radiobutton.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-input:hover + .p-radiobutton-box,
  p-radio-button.ng-dirty.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-input:hover + .p-radiobutton-box,
  p-radio-button.ng-invalid :not(.p-radiobutton-checked) .p-radiobutton-input:hover + .p-radiobutton-box {
    border-color: var(--vk-comp-radiobutton-border-color-error-hover);
  }
  p-radiobutton.ng-dirty.ng-invalid .p-radiobutton-checked .p-radiobutton-box,
  p-radiobutton.ng-invalid .p-radiobutton-checked .p-radiobutton-box,
  p-radio-button.ng-dirty.ng-invalid .p-radiobutton-checked .p-radiobutton-box,
  p-radio-button.ng-invalid .p-radiobutton-checked .p-radiobutton-box {
    border-color: var(--vk-comp-radiobutton-border-color-error);
  }
  p-radiobutton.ng-dirty.ng-invalid .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon,
  p-radiobutton.ng-invalid .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon,
  p-radio-button.ng-dirty.ng-invalid .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon,
  p-radio-button.ng-invalid .p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
    background-color: var(--vk-comp-radiobutton-error-text-color);
  }
  p-radiobutton.ng-dirty.ng-invalid .p-radiobutton-checked .p-radiobutton-input:hover + .p-radiobutton-box,
  p-radiobutton.ng-invalid .p-radiobutton-checked .p-radiobutton-input:hover + .p-radiobutton-box,
  p-radio-button.ng-dirty.ng-invalid .p-radiobutton-checked .p-radiobutton-input:hover + .p-radiobutton-box,
  p-radio-button.ng-invalid .p-radiobutton-checked .p-radiobutton-input:hover + .p-radiobutton-box {
    border-color: var(--vk-comp-radiobutton-border-color-error-hover);
    color: var(--vk-comp-radiobutton-error-text-color);
  }
  .p-dropdown,
  .p-select {
    --p-select-dropdown-color: var(--vk-comp-select-icon-color);
    --p-select-border-color: var(--vk-comp-select-border-color);
    --p-select-placeholder-color: var(--vk-comp-select-placeholder-font-color);
    --p-select-disabled-background: var(--vk-comp-select-forms-background-color);
    --p-select-disabled-color: var(--vk-comp-select-font-color-disabled);
    --p-select-invalid-placeholder-color: var(--p-select-placeholder-color);
    --p-select-invalid-border-color: var(--vk-comp-select-border-color-error);
    --p-select-list-padding: 0;
    --p-select-option-selected-focus-background: var(--vk-comp-select-forms-menu-background-color-active-focus);
    --p-select-option-focus-background: var(--vk-comp-select-menu-items-background-color-hover);
    --p-select-focus-border-color: var(--vk-comp-select-border-color-focus);
    --p-select-option-selected-background: var(--vk-comp-select-forms-menu-background-color-active-focus);
    --p-select-list-gap: 0px;
    --p-select-option-color: var(--vk-comp-select-menu-items-font-color);
    --p-select-padding-y: calc(0.75rem - 1px);
    --p-select-padding-x: calc(1rem - 1px);
    width: 100%;
    border-radius: var(--vk-comp-select-border-radius);
  }
  .p-dropdown:not(.p-disabled):active,
  .p-dropdown:not(.p-disabled):hover,
  .p-select:not(.p-disabled):active,
  .p-select:not(.p-disabled):hover {
    border-color: var(--vk-comp-select-border-color-hover);
    box-shadow: var(--vk-comp-select-boxshadow-hover);
  }
  .p-dropdown:not(.p-disabled):active .p-dropdown-label.p-placeholder,
  .p-dropdown:not(.p-disabled):hover .p-dropdown-label.p-placeholder,
  .p-select:not(.p-disabled):active .p-dropdown-label.p-placeholder,
  .p-select:not(.p-disabled):hover .p-dropdown-label.p-placeholder {
    color: var(--vk-comp-select-placeholder-font-color);
  }
  .p-dropdown:not(.p-disabled).p-focus,
  .p-dropdown:not(.p-disabled):focus,
  .p-dropdown:not(.p-disabled):focus-visible,
  .p-select:not(.p-disabled).p-focus,
  .p-select:not(.p-disabled):focus,
  .p-select:not(.p-disabled):focus-visible {
    box-shadow: var(--vk-comp-select-boxshadow-focus);
  }
  .p-dropdown:not(.p-disabled).p-focus:hover,
  .p-dropdown:not(.p-disabled).p-focus:active,
  .p-dropdown:not(.p-disabled):focus:hover,
  .p-dropdown:not(.p-disabled):focus:active,
  .p-dropdown:not(.p-disabled):focus-visible:hover,
  .p-dropdown:not(.p-disabled):focus-visible:active,
  .p-select:not(.p-disabled).p-focus:hover,
  .p-select:not(.p-disabled).p-focus:active,
  .p-select:not(.p-disabled):focus:hover,
  .p-select:not(.p-disabled):focus:active,
  .p-select:not(.p-disabled):focus-visible:hover,
  .p-select:not(.p-disabled):focus-visible:active {
    border-color: var(--vk-comp-select-border-color-hover-focus);
    box-shadow: var(--vk-comp-select-boxshadow-hover-focus);
  }
  .p-dropdown .p-select-dropdown,
  .p-select .p-select-dropdown {
    align-items: flex-start;
    margin-top: var(--vk-comp-select-spacing-s);
  }
  .p-dropdown .p-select-option,
  .p-select .p-select-option {
    font: var(--vk-comp-select-menu-items-font-style);
  }
  .p-dropdown .p-select-option span,
  .p-select .p-select-option span {
    white-space: normal;
    overflow-wrap: break-word;
  }
  .p-dropdown .p-select-option.p-select-option-selected,
  .p-select .p-select-option.p-select-option-selected {
    color: var(--vk-comp-select-menu-items-font-color-active);
  }
  .p-dropdown .p-select-option.p-select-option-selected:hover,
  .p-select .p-select-option.p-select-option-selected:hover {
    background-color: var(--vk-comp-select-forms-menu-background-color-active-focus-hover);
  }
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled):hover,
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled):active,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled):hover,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled):active {
    background-color: var(--vk-comp-select-forms-menu-background-color-active);
    color: var(--vk-comp-select-menu-items-font-color-hover);
  }
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled):focus,
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled).p-focus,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled):focus,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled).p-focus {
    color: var(--vk-comp-select-menu-items-font-color-focus);
  }
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled):focus:hover,
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled):focus:active,
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled).p-focus:hover,
  .p-dropdown .p-select-option:not(.p-select-option-selected, .p-disabled).p-focus:active,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled):focus:hover,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled):focus:active,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled).p-focus:hover,
  .p-select .p-select-option:not(.p-select-option-selected, .p-disabled).p-focus:active {
    color: var(--vk-comp-select-menu-items-font-color-hover);
  }
  .p-dropdown .p-select-label,
  .p-select .p-select-label {
    font: var(--vk-comp-select-menu-items-font-style-active);
    white-space: normal;
  }
  .p-dropdown.p-disabled,
  .p-select.p-disabled {
    color: var(--vk-comp-select-font-color-disabled);
    opacity: 0.8;
    border: var(--vk-comp-select-border-width-disabled) solid var(--vk-comp-select-border-color-disabled);
  }
  .p-dropdown.ng-invalid.ng-dirty .p-iconwrapper::before,
  .p-dropdown.ng-invalid .p-iconwrapper::before,
  .p-select.ng-invalid.ng-dirty .p-iconwrapper::before,
  .p-select.ng-invalid .p-iconwrapper::before {
    color: var(--vk-comp-select-icon-color-error);
  }
  .p-selectbutton {
    --p-togglebutton-padding: var(--vk-comp-selectbutton-spacing);
    --p-togglebutton-font-size: var(--vk-comp-selectbutton-font-size);
    --p-togglebutton-lg-padding: var(--vk-comp-selectbutton-spacing-lg);
    --p-togglebutton-lg-font-size: var(--vk-comp-selectbutton-font-size-lg);
    --p-togglebutton-sm-padding: var(--vk-comp-selectbutton-spacing-sm);
    --p-togglebutton-sm-font-size: var(--vk-comp-selectbutton-font-size-sm);
    --p-togglebutton-font-weight: var(--vk-comp-selectbutton-text-weight);
    --p-togglebutton-content-checked-background: var(--vk-comp-selectbutton-content-background-active);
    --p-togglebutton-checked-background: var(--vk-comp-selectbutton-background-color-active);
    --p-togglebutton-background: var(--vk-comp-selectbutton-background-color);
    --p-togglebutton-hover-background: var(--vk-comp-selectbutton-background-color-hover);
    --p-togglebutton-border-color: var(--vk-comp-selectbutton-border-color);
    --p-togglebutton-checked-border-color: var(--vk-comp-selectbutton-border-color-active);
    --p-togglebutton-color: var(--vk-comp-selectbutton-text-color);
    --p-togglebutton-checked-color: var(--vk-comp-selectbutton-text-color-active);
    --p-togglebutton-disabled-color: var(--vk-comp-selectbutton-text-color-disabled);
    --p-togglebutton-hover-color: var(--vk-comp-selectbutton-text-color-hover);
    --p-selectbutton-border-radius: var(--vk-comp-selectbutton-border-radius);
    --p-togglebutton-border-radius: var(--vk-comp-selectbutton-togglebutton-border-radius);
    --p-togglebutton-content-border-radius: var(--vk-comp-selectbutton-togglebutton-content-border-radius);
    --p-selectbutton-invalid-border-color: transparent;
    --p-togglebutton-disabled-background: var(--vk-comp-selectbutton-background-color-disabled);
    --p-togglebutton-disabled-border-color: var(--vk-comp-selectbutton-border-color-disabled);
    --p-togglebutton-focus-ring-shadow: none;
    --p-togglebutton-focus-ring-width: 2px;
    --p-togglebutton-focus-ring-style: solid;
    --p-togglebutton-focus-ring-color: var(--vk-comp-selectbutton-focus-ring-color);
    --p-togglebutton-focus-ring-offset: 2px;
    border: 0;
  }
  .p-selectbutton .p-togglebutton {
    position: relative;
    transition: none;
    border-radius: 0;
    border-width: var(--vk-comp-selectbutton-border-width) 0 var(--vk-comp-selectbutton-border-width) var(--vk-comp-selectbutton-border-width);
  }
  .p-selectbutton .p-togglebutton-content {
    position: unset;
    z-index: 1;
    transition: none;
    box-shadow: none;
  }
  .p-selectbutton .p-togglebutton:not(.p-togglebutton-checked).p-disabled {
    color: var(--vk-comp-selectbutton-text-color-disabled);
  }
  .p-selectbutton .p-togglebutton.p-togglebutton-checked:hover,
  .p-selectbutton .p-togglebutton.p-togglebutton-checked:hover .p-togglebutton-content {
    background: var(--vk-comp-selectbutton-background-color-active-hover);
    color: var(--vk-comp-selectbutton-text-color-active-hover);
  }
  .p-selectbutton .p-togglebutton:first-child {
    border-top-left-radius: var(--vk-comp-selectbutton-togglebutton-border-radius);
    border-bottom-left-radius: var(--vk-comp-selectbutton-togglebutton-border-radius);
    border-right-width: 0;
  }
  .p-selectbutton .p-togglebutton:last-child {
    border-top-right-radius: var(--vk-comp-selectbutton-togglebutton-border-radius);
    border-bottom-right-radius: var(--vk-comp-selectbutton-togglebutton-border-radius);
    border-right-width: var(--vk-comp-selectbutton-border-width);
  }
  .p-selectbutton.ng-invalid.ng-dirty .p-togglebutton,
  .p-selectbutton.ng-invalid .p-togglebutton {
    border-color: var(--vk-comp-selectbutton-border-color-invalid);
  }
  .fullWidth p-select-button,
  .fullWidth p-selectButton,
  .fullWidth p-selectbutton,
  .p-select-button.fullWidth,
  p-selectButton.fullWidth,
  p-selectbutton.fullWidth,
  .full-width p-select-button,
  .full-width p-selectButton,
  .full-width p-selectbutton,
  .p-select-button.full-width,
  p-selectButton.full-width,
  p-selectbutton.full-width {
    width: 100%;
  }
  .fullWidth p-select-button:has(> :nth-child(2):last-child) > *,
  .fullWidth p-selectButton:has(> :nth-child(2):last-child) > *,
  .fullWidth p-selectbutton:has(> :nth-child(2):last-child) > *,
  .p-select-button.fullWidth:has(> :nth-child(2):last-child) > *,
  p-selectButton.fullWidth:has(> :nth-child(2):last-child) > *,
  p-selectbutton.fullWidth:has(> :nth-child(2):last-child) > *,
  .full-width p-select-button:has(> :nth-child(2):last-child) > *,
  .full-width p-selectButton:has(> :nth-child(2):last-child) > *,
  .full-width p-selectbutton:has(> :nth-child(2):last-child) > *,
  .p-select-button.full-width:has(> :nth-child(2):last-child) > *,
  p-selectButton.full-width:has(> :nth-child(2):last-child) > *,
  p-selectbutton.full-width:has(> :nth-child(2):last-child) > * {
    width: 50%;
  }
  .fullWidth p-select-button:has(> :nth-child(3):last-child) > *,
  .fullWidth p-selectButton:has(> :nth-child(3):last-child) > *,
  .fullWidth p-selectbutton:has(> :nth-child(3):last-child) > *,
  .p-select-button.fullWidth:has(> :nth-child(3):last-child) > *,
  p-selectButton.fullWidth:has(> :nth-child(3):last-child) > *,
  p-selectbutton.fullWidth:has(> :nth-child(3):last-child) > *,
  .full-width p-select-button:has(> :nth-child(3):last-child) > *,
  .full-width p-selectButton:has(> :nth-child(3):last-child) > *,
  .full-width p-selectbutton:has(> :nth-child(3):last-child) > *,
  .p-select-button.full-width:has(> :nth-child(3):last-child) > *,
  p-selectButton.full-width:has(> :nth-child(3):last-child) > *,
  p-selectbutton.full-width:has(> :nth-child(3):last-child) > * {
    width: 33.3333%;
  }
  .fullWidth p-select-button:has(> :nth-child(4):last-child) > *,
  .fullWidth p-selectButton:has(> :nth-child(4):last-child) > *,
  .fullWidth p-selectbutton:has(> :nth-child(4):last-child) > *,
  .p-select-button.fullWidth:has(> :nth-child(4):last-child) > *,
  p-selectButton.fullWidth:has(> :nth-child(4):last-child) > *,
  p-selectbutton.fullWidth:has(> :nth-child(4):last-child) > *,
  .full-width p-select-button:has(> :nth-child(4):last-child) > *,
  .full-width p-selectButton:has(> :nth-child(4):last-child) > *,
  .full-width p-selectbutton:has(> :nth-child(4):last-child) > *,
  .p-select-button.full-width:has(> :nth-child(4):last-child) > *,
  p-selectButton.full-width:has(> :nth-child(4):last-child) > *,
  p-selectbutton.full-width:has(> :nth-child(4):last-child) > * {
    width: 25%;
  }
  .fullWidth p-select-button:has(> :nth-child(5):last-child) > *,
  .fullWidth p-selectButton:has(> :nth-child(5):last-child) > *,
  .fullWidth p-selectbutton:has(> :nth-child(5):last-child) > *,
  .p-select-button.fullWidth:has(> :nth-child(5):last-child) > *,
  p-selectButton.fullWidth:has(> :nth-child(5):last-child) > *,
  p-selectbutton.fullWidth:has(> :nth-child(5):last-child) > *,
  .full-width p-select-button:has(> :nth-child(5):last-child) > *,
  .full-width p-selectButton:has(> :nth-child(5):last-child) > *,
  .full-width p-selectbutton:has(> :nth-child(5):last-child) > *,
  .p-select-button.full-width:has(> :nth-child(5):last-child) > *,
  p-selectButton.full-width:has(> :nth-child(5):last-child) > *,
  p-selectbutton.full-width:has(> :nth-child(5):last-child) > * {
    width: 20%;
  }
  .fullWidth p-select-button .p-togglebutton,
  .fullWidth p-selectButton .p-togglebutton,
  .fullWidth p-selectbutton .p-togglebutton,
  .p-select-button.fullWidth .p-togglebutton,
  p-selectButton.fullWidth .p-togglebutton,
  p-selectbutton.fullWidth .p-togglebutton,
  .full-width p-select-button .p-togglebutton,
  .full-width p-selectButton .p-togglebutton,
  .full-width p-selectbutton .p-togglebutton,
  .p-select-button.full-width .p-togglebutton,
  p-selectButton.full-width .p-togglebutton,
  p-selectbutton.full-width .p-togglebutton {
    width: 100%;
  }
  .p-textarea {
    --p-textarea-background: white;
    --p-textarea-disabled-background: white;
    --p-textarea-filled-background: white;
    --p-textarea-filled-focus-background: white;
    --p-textarea-border-color: var(--vk-comp-input-border-color);
    --p-textarea-hover-border-color: var(--vk-comp-input-border-color-hover);
    --p-textarea-focus-border-color: var(--vk-comp-input-border-color-focus);
    --p-textarea-invalid-border-color: var(--vk-comp-input-border-color-error);
    --p-textarea-color: var(--vk-comp-input-color);
    --p-textarea-disabled-color: var(--vk-comp-input-color-disabled);
    --p-textarea-placeholder-color: var(--vk-comp-textarea-placeholder-color);
    --p-textarea-border-radius: var(--vk-comp-input-border-radius);
    --p-textarea-focus-ring-shadow: none;
    --p-textarea-transition-duration: 0;
    width: 100%;
    padding: calc(0.75rem - 1px) calc(1rem - 1px);
    min-width: 10rem;
    min-height: 2rem;
    resize: vertical;
    font: var(--vk-comp-textarea-font);
  }
  .p-textarea::placeholder {
    font: var(--vk-comp-textarea-placeholder-font-style);
    color: var(--vk-comp-textarea-placeholder-color);
  }
  .p-textarea:focus::placeholder {
    color: var(--vk-comp-textarea-placeholder-color-focus);
  }
  .p-textarea.ng-dirty.ng-invalid,
  .p-textarea.ng-invalid {
    border: var(--vk-comp-input-border-width-error) solid var(--vk-comp-input-border-color-error);
  }
  .p-textarea.ng-dirty.ng-invalid:not(.p-disabled):not(:disabled):hover,
  .p-textarea.ng-invalid:not(.p-disabled):not(:disabled):hover {
    border: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-error-hover);
    outline: var(--vk-comp-input-border-width-hover) solid var(--vk-comp-input-border-color-error-hover);
    outline-offset: calc(var(--vk-comp-input-border-width-hover) * -1);
  }
  .p-textarea:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error):focus,
  .p-textarea:not(.ng-dirty.ng-invalid, .ng-invalid, .p-error).p-focus {
    border: calc(var(--vk-comp-input-border-width-focus) / 2) solid var(--vk-comp-input-border-color-focus);
    outline: var(--vk-comp-input-outline-width-focus) solid var(--vk-comp-input-border-color-focus);
    outline-offset: calc(var(--vk-comp-input-border-width-focus) * -1);
  }
  .p-textarea:not(.p-disabled):not(:disabled):hover,
  .p-textarea:not(.p-disabled):not(:disabled):active {
    background-color: var(--vk-comp-input-background-color-hover);
    color: var(--vk-comp-input-color-hover);
    border: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-hover);
    outline: var(--vk-comp-input-outline-width-focus) solid var(--vk-comp-input-border-color-hover);
    outline-offset: calc(var(--vk-comp-input-border-width-hover) * -1);
  }
  .p-textarea:not(.p-disabled):not(:disabled):hover:focus,
  .p-textarea:not(.p-disabled):not(:disabled):active:focus {
    border: calc(var(--vk-comp-input-border-width-hover) / 2) solid var(--vk-comp-input-border-color-hover);
    outline: var(--vk-comp-input-outline-width-focus) solid var(--vk-comp-input-border-color-hover);
    outline-offset: calc(var(--vk-comp-input-border-width-hover) * -1);
  }
  .p-textarea:focus {
    box-shadow: none;
  }
  .p-textarea:disabled {
    opacity: 1;
    color: var(--vk-comp-input-color-disabled);
    border: var(--vk-comp-input-border-width-disabled) solid var(--vk-comp-input-border-color-disabled);
  }
  .p-textarea:disabled::placeholder {
    color: var(--vk-comp-input-color-disabled);
  }
  .p-toggleswitch {
    --p-toggleswitch-width: var(--vk-comp-toggleswitch-width);
    --p-toggleswitch-height: var(--vk-comp-toggleswitch-spacing-l);
    --p-toggleswitch-border-width: var(--vk-size-01);
    --p-toggleswitch-border-radius: var(--vk-comp-toggleswitch-border-radius);
    --p-toggleswitch-background: var(--vk-comp-toggleswitch-background-color);
    --p-toggleswitch-disabled-background: var(--vk-comp-toggleswitch-background-color-disabled);
    --p-toggleswitch-hover-background: var(--vk-comp-toggleswitch-background-color-hover);
    --p-toggleswitch-checked-background: var(--vk-comp-toggleswitch-background-color-checked);
    --p-toggleswitch-checked-hover-background: var(--vk-comp-toggleswitch-background-color-checked-hover);
    --p-toggleswitch-border-color: var(--vk-comp-toggleswitch-border-color);
    --p-toggleswitch-hover-border-color: var(--vk-comp-toggleswitch-border-color-hover);
    --p-toggleswitch-invalid-border-color: var(--vk-comp-toggleswitch-border-color-error);
    --p-toggleswitch-handle-size: var(--vk-comp-toggleswitch-toggle-size);
    --p-toggleswitch-handle-background: var(--vk-comp-toggleswitch-handle-color);
    --p-toggleswitch-handle-disabled-background: var(--vk-comp-toggleswitch-handle-color-disabled);
    --p-toggleswitch-handle-hover-background: var(--vk-comp-toggleswitch-handle-color-hover);
    --p-toggleswitch-handle-checked-background: var(--vk-comp-toggleswitch-handle-color-checked);
    --p-toggleswitch-handle-checked-hover-background: var(--vk-comp-toggleswitch-handle-color-checked-hover);
    --p-toggleswitch-shadow: none;
    --p-toggleswitch-focus-ring-width: var(--vk-size-02);
    --p-toggleswitch-focus-ring-color: var(--oev-color-action-focus-on-light);
    --p-toggleswitch-focus-ring-offset: var(--vk-spacing-02);
    --p-toggleswitch-focus-ring-shadow: none;
  }
  .p-toggleswitch .p-toggleswitch-handle::before {
    font-family: PrimeIcons;
    content: "\e90b";
    font-size: var(--vk-comp-toggleswitch-handle-icon-size);
    line-height: 1rem;
    text-align: center;
    font-weight: bolder;
    color: var(--vk-comp-toggleswitch-handle-icon-color);
    width: var(--vk-comp-toggleswitch-toggle-size);
    height: var(--vk-comp-toggleswitch-toggle-size);
    left: var(--vk-comp-toggleswitch-spacing-xxs);
  }
  .p-toggleswitch.p-toggleswitch-checked .p-toggleswitch-handle::before {
    font-family: PrimeIcons;
    content: "\e909";
    font-size: var(--vk-comp-toggleswitch-handle-icon-size);
    line-height: 1rem;
    text-align: center;
    font-weight: bolder;
    color: var(--vk-comp-toggleswitch-handle-icon-checked-color);
  }
  .p-toggleswitch.p-disabled .p-toggleswitch-slider {
    border-color: var(--vk-comp-toggleswitch-border-color-disabled);
  }
  .p-toggleswitch.p-disabled .p-toggleswitch-handle {
    background-color: var(--vk-comp-toggleswitch-handle-color-disabled);
  }
  .p-toggleswitch.p-disabled .p-toggleswitch-handle::before {
    color: var(--vk-comp-toggleswitch-handle-icon-checked-disabled-color);
  }
  .p-toggleswitch.p-disabled.p-toggleswitch-checked .p-toggleswitch-slider {
    border-color: var(--vk-comp-toggleswitch-border-color-checked-disabled);
    background-color: var(--vk-comp-toggleswitch-background-color-checked-disabled);
  }
  .p-toggleswitch.p-disabled.p-toggleswitch-checked .p-toggleswitch-handle {
    background-color: var(--vk-comp-toggleswitch-handle-color-checked-disabled);
  }
  .p-toggleswitch.p-disabled.p-toggleswitch-checked .p-toggleswitch-handle::before {
    color: var(--vk-comp-toggleswitch-handle-icon-checked-disabled-color);
  }
  p-toggleswitch.ng-dirty.ng-invalid .p-toggleswitch-slider,
  p-toggleswitch.ng-invalid .p-toggleswitch-slider {
    background-color: var(--vk-comp-toggleswitch-background-color);
  }
  p-toggleswitch.ng-dirty.ng-invalid .p-toggleswitch-handle,
  p-toggleswitch.ng-invalid .p-toggleswitch-handle {
    background-color: var(--vk-comp-toggleswitch-handle-color-error);
  }
  p-toggleswitch.ng-dirty.ng-invalid .p-toggleswitch:hover .p-toggleswitch-slider,
  p-toggleswitch.ng-invalid .p-toggleswitch:hover .p-toggleswitch-slider {
    border-color: var(--vk-comp-toggleswitch-border-color-error);
  }
  p-toggleswitch.ng-dirty.ng-invalid .p-toggleswitch-checked .p-toggleswitch-slider,
  p-toggleswitch.ng-invalid .p-toggleswitch-checked .p-toggleswitch-slider {
    background-color: var(--vk-comp-toggleswitch-background-color-checked-error);
  }
  p-toggleswitch.ng-dirty.ng-invalid .p-toggleswitch-checked .p-toggleswitch-handle,
  p-toggleswitch.ng-invalid .p-toggleswitch-checked .p-toggleswitch-handle {
    background-color: var(--vk-comp-toggleswitch-handle-color-checked-error);
  }
  .p-carousel {
    --p-carousel-content-gap: var(--vk-spacing-04);
    --p-carousel-indicator-list-padding: var(--vk-comp-carousel-spacing-m);
    --p-carousel-indicator-list-gap: 0;
    --p-carousel-indicator-background: var(--vk-comp-carousel-indicator-color);
    --p-carousel-indicator-active-background: var(--vk-comp-carousel-indicator-color-active);
    --p-carousel-indicator-focus-ring-width: var(--vk-comp-carousel-indicator-width-focus);
    --p-carousel-indicator-focus-ring-style: solid;
    --p-carousel-indicator-focus-ring-color: var(--vk-comp-carousel-indicator-color-focus);
    --p-carousel-indicator-focus-ring-offset: 0;
    --p-carousel-indicator-focus-ring-shadow: 0 0 0 var(--vk-spacing-04) var(--vk-comp-carousel-indicator-color-focus);
    --p-carousel-indicator-border-radius: var(--vk-comp-carousel-indicator-border-radius);
    --p-disabled-opacity: 1;
    color: var(--vk-comp-carousel-prev-next-icon-color);
  }
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text .p-iconwrapper::before,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text .p-iconwrapper::before {
    color: var(--vk-comp-carousel-prev-next-icon-color);
  }
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text:hover::before,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text:hover::before {
    background-color: transparent;
  }
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text:hover .p-iconwrapper::before,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text:hover .p-iconwrapper::before {
    color: var(--vk-comp-carousel-prev-next-icon-color-hover);
  }
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text:focus,
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text:focus-visible,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text:focus,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text:focus-visible {
    box-shadow: none;
    outline: none;
  }
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text:disabled::before,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text:disabled::before {
    background-color: transparent;
  }
  .p-carousel .p-carousel-content .p-carousel-prev-button > button.p-button.p-button-text:disabled .p-iconwrapper::before,
  .p-carousel .p-carousel-content .p-carousel-next-button > button.p-button.p-button-text:disabled .p-iconwrapper::before {
    color: var(--vk-comp-carousel-prev-next-icon-color-disabled);
  }
  .p-carousel .p-carousel-content .p-button.p-button-text {
    min-height: unset;
    padding: var(--vk-spacing-16);
  }
  .p-carousel .p-carousel-content .p-button.p-button-text::before {
    background-color: transparent;
  }
  .p-carousel .p-carousel-indicator-list .p-carousel-indicator {
    margin-right: var(--vk-comp-carousel-spacing-xs);
    margin-bottom: var(--vk-comp-carousel-spacing-xs);
  }
  .p-carousel .p-carousel-indicator-list .p-carousel-indicator button {
    width: var(--vk-comp-carousel-indicator-width);
    height: var(--vk-comp-carousel-indicator-height);
    border: var(--vk-comp-carousel-indicator-border);
  }
  .p-carousel .p-carousel-indicator-list .p-carousel-indicator button:hover {
    background-color: var(--vk-comp-carousel-indicator-color-hover);
    border: var(--vk-comp-carousel-indicator-border-hover);
  }
  .p-breadcrumb {
    --p-breadcrumb-background: var(--vk-comp-breadcrumb-background-color);
    --p-breadcrumb-item-color: var(--vk-comp-breadcrumb-item-text-color);
    --p-breadcrumb-item-icon-color: var(--vk-comp-breadcrumb-home-icon-color);
    --p-breadcrumb-separator-color: var(--vk-comp-breadcrumb-separator-icon-color);
    --p-breadcrumb-padding: 0 var(--vk-comp-breadcrumb-item-spacing-left-right);
    --p-breadcrumb-gap: var(--vk-spacing-04);
    --p-breadcrumb-item-gap: 0;
    --p-breadcrumb-item-focus-ring-shadow: none;
    --p-breadcrumb-item-focus-ring-width: var(--vk-comp-breadcrumb-item-border-width-focus);
    --p-breadcrumb-item-focus-ring-color: var(--vk-comp-breadcrumb-item-border-color-focus);
    --p-breadcrumb-item-focus-ring-offset: var(--vk-spacing-08);
    --p-breadcrumb-item-hover-color: var(--vk-comp-breadcrumb-item-text-color-hover);
    border-radius: var(--vk-comp-breadcrumb-border-radius);
    border: none;
  }
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link {
    padding: var(--vk-comp-breadcrumb-item-spacing-top-bottom) var(--vk-comp-breadcrumb-item-spacing-left-right);
    font: var(--vk-comp-breadcrumb-item-font-style);
    cursor: pointer;
    text-decoration: var(--vk-comp-breadcrumb-item-text-decoration);
  }
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link:hover {
    text-decoration: var(--vk-comp-breadcrumb-item-text-decoration-hover);
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-breadcrumb-item-link {
    color: var(--vk-comp-breadcrumb-item-text-color-active);
  }
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link:hover,
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-breadcrumb-item-link:hover {
    color: var(--p-breadcrumb-item-hover-color);
  }
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link:focus,
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link:focus-visible {
    outline-offset: -2px;
    border-radius: var(--vk-comp-breadcrumb-border-radius);
    color: var(--vk-comp-breadcrumb-item-text-color-focus);
  }
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link:focus:has(.pi),
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-link:focus-visible:has(.pi) {
    padding: var(--vk-spacing-20) var(--vk-comp-breadcrumb-item-spacing-left-right);
    color: var(--vk-comp-breadcrumb-item-text-color-focus);
  }
  .p-breadcrumb .p-breadcrumb-list .p-iconwrapper {
    font-size: 0.7rem;
  }
  .p-breadcrumb .p-breadcrumb-list .p-breadcrumb-item-icon {
    font-size: var(--vk-comp-breadcrumb-home-icon-size);
  }
  .borderless .p-breadcrumb {
    border: none;
    padding: 0;
  }
  .borderless .p-breadcrumb .p-breadcrumb-list li:not(.p-breadcrumb-item-separator) .p-breadcrumb-item-link {
    padding: var(--vk-comp-breadcrumb-borderless-padding-focus);
  }
  .p-menubar {
    --p-menubar-background: var(--vk-comp-menubar-background-color);
    --p-menubar-item-color: var(--vk-comp-menubar-item-text-color);
    --p-menubar-item-active-color: var(--vk-comp-menubar-item-text-color-active);
    --p-menubar-border-radius: var(--vk-comp-menubar-border-radius);
    --p-menubar-border-color: var(--vk-comp-menubar-background-color);
    --p-menubar-gap: 0;
    --p-menubar-padding: 0;
    --p-menubar-item-icon-color: var(--vk-comp-menubar-item-icon-color);
    --p-menubar-item-icon-active-color: var(--vk-comp-menubar-item-icon-color);
    --p-menubar-submenu-icon-active-color: var(--vk-comp-menubar-item-icon-color);
    --p-menubar-submenu-icon-color: var(--vk-comp-menubar-item-icon-color);
    --p-menubar-submenu-icon-focus-color: var(--vk-comp-menubar-item-icon-color);
    --p-menubar-submenu-icon-size: var(--vk-size-16);
    --p-menubar-base-item-padding: var(--vk-comp-menubar-item-padding-m);
    --p-menubar-item-gap: var(--vk-comp-menubar-item-gap);
    --p-menubar-item-icon-focus-color: var(--vk-comp-menubar-item-icon-color);
    --p-menubar-item-focus-color: var(--vk-comp-menubar-item-text-color-active);
    --p-menubar-item-focus-background: var(--vk-comp-menubar-item-background-color-active);
    --p-menubar-item-active-background: var(--vk-comp-menubar-item-background-color-active);
    --p-menubar-item-padding: var(--vk-comp-menubar-item-padding-s) var(--vk-comp-menubar-item-padding-m);
    --p-menubar-base-item-border-radius: var(--vk-comp-menubar-border-radius);
    --p-menubar-submenu-padding: 0;
    --p-menubar-submenu-gap: 0;
  }
  .p-menubar .p-menubar-root-list {
    border-radius: var(--vk-comp-menubar-border-radius);
    background-color: var(--vk-comp-menubar-item-background-color);
  }
  .p-menubar .p-menubar-root-list .p-menubar-submenu {
    margin: var(--vk-comp-menubar-submenu-spacing-top-bottom) 0;
  }
  .p-menubar .p-menubar-root-list .p-menubar-item-label {
    font: var(--vk-comp-menubar-item-text-font-style);
  }
  .p-menubar .p-menubar-root-list .p-menubar-item:focus-visible > .p-menubar-item-content > .p-menubar-item-link,
  .p-menubar .p-menubar-root-list .p-menubar-item:focus > .p-menubar-item-content > .p-menubar-item-link,
  .p-menubar .p-menubar-root-list .p-menubar-item.p-focus > .p-menubar-item-content > .p-menubar-item-link {
    box-shadow: none;
  }
  .p-menubar .p-menubar-root-list .p-menubar-item:not(.p-disabled) .p-menubar-item-content:hover {
    background-color: var(--vk-comp-menubar-item-background-color-hover);
  }
  .p-menubar .p-menubar-root-list .p-menubar-item:not(.p-disabled) .p-menubar-item-content:hover .p-menubar-item-label {
    color: var(--vk-comp-menubar-item-text-color-hover);
  }
  .p-menubar .p-menubar-root-list .p-menubar-item:not(.p-disabled) .p-menubar-item-content:hover .p-menubar-item-icon,
  .p-menubar .p-menubar-root-list .p-menubar-item:not(.p-disabled) .p-menubar-item-content:hover .p-menubar-submenu-icon {
    color: var(--vk-comp-menubar-item-icon-color-hover);
  }
  .p-menubar .p-menubar-root-list .p-menubar-item.p-menubar-item-active > .p-menubar-item-content .p-menuitem-text {
    font: var(--vk-comp-menubar-item-text-font-style);
    color: var(--vk-comp-menubar-item-text-color-active);
  }
  .p-menubar .p-menubar-root-list .p-menubar-item .p-menubar-item-content {
    border-radius: var(--vk-comp-menubar-item-content-radius);
  }
  .p-menubar .p-menubar-end {
    padding: var(--vk-comp-menubar-padding-xxs);
  }
  .p-message,
  .p-inline-message {
    --p-message-content-padding: var(--vk-comp-message-spacing-default);
    --p-message-border-width: 0;
  }
  .p-message .p-message-wrapper,
  .p-inline-message .p-message-wrapper {
    padding: var(--vk-comp-message-spacing-default);
    align-items: flex-start;
  }
  .p-message .p-message-content,
  .p-inline-message .p-message-content {
    align-items: flex-start;
  }
  .p-message .p-message-icon,
  .p-inline-message .p-message-icon {
    margin-right: var(--vk-comp-message-spacing-default);
    font-size: var(--vk-comp-message-icon-size-l);
    line-height: var(--vk-comp-message-icon-size-l);
  }
  .p-message .p-message-close,
  .p-inline-message .p-message-close {
    font-size: var(--vk-comp-message-icon-size-m);
    line-height: var(--vk-comp-message-icon-size-m);
    width: unset;
    height: unset;
  }
  .p-message [data-pc-section=summary],
  .p-inline-message [data-pc-section=summary] {
    font: var(--vk-comp-message-font-style-summary);
  }
  .p-message .p-message-detail,
  .p-inline-message .p-message-detail {
    font: var(--vk-comp-message-font-style-detail);
    margin-left: var(--vk-comp-message-spacing-xs);
    margin-right: var(--vk-comp-message-spacing-xs);
    margin-top: var(--vk-comp-message-spacing-xxxs);
  }
  .p-message.p-message-primary,
  .p-message.p-inline-message-primary,
  .p-message.p-message-secondary,
  .p-message.p-inline-message-secondary,
  .p-message.p-message-success,
  .p-message.p-inline-message-success,
  .p-message.p-message-info,
  .p-message.p-inline-message-info,
  .p-message.p-message-warn,
  .p-message.p-inline-message-warn,
  .p-message.p-message-error,
  .p-message.p-inline-message-error,
  .p-inline-message.p-message-primary,
  .p-inline-message.p-inline-message-primary,
  .p-inline-message.p-message-secondary,
  .p-inline-message.p-inline-message-secondary,
  .p-inline-message.p-message-success,
  .p-inline-message.p-inline-message-success,
  .p-inline-message.p-message-info,
  .p-inline-message.p-inline-message-info,
  .p-inline-message.p-message-warn,
  .p-inline-message.p-inline-message-warn,
  .p-inline-message.p-message-error,
  .p-inline-message.p-inline-message-error {
    border-radius: var(--vk-comp-message-border-radius);
  }
  .p-message.p-message-primary .p-message-close-icon,
  .p-message.p-inline-message-primary .p-message-close-icon,
  .p-message.p-message-secondary .p-message-close-icon,
  .p-message.p-inline-message-secondary .p-message-close-icon,
  .p-message.p-message-success .p-message-close-icon,
  .p-message.p-inline-message-success .p-message-close-icon,
  .p-message.p-message-info .p-message-close-icon,
  .p-message.p-inline-message-info .p-message-close-icon,
  .p-message.p-message-warn .p-message-close-icon,
  .p-message.p-inline-message-warn .p-message-close-icon,
  .p-message.p-message-error .p-message-close-icon,
  .p-message.p-inline-message-error .p-message-close-icon,
  .p-inline-message.p-message-primary .p-message-close-icon,
  .p-inline-message.p-inline-message-primary .p-message-close-icon,
  .p-inline-message.p-message-secondary .p-message-close-icon,
  .p-inline-message.p-inline-message-secondary .p-message-close-icon,
  .p-inline-message.p-message-success .p-message-close-icon,
  .p-inline-message.p-inline-message-success .p-message-close-icon,
  .p-inline-message.p-message-info .p-message-close-icon,
  .p-inline-message.p-inline-message-info .p-message-close-icon,
  .p-inline-message.p-message-warn .p-message-close-icon,
  .p-inline-message.p-inline-message-warn .p-message-close-icon,
  .p-inline-message.p-message-error .p-message-close-icon,
  .p-inline-message.p-inline-message-error .p-message-close-icon {
    color: var(--vk-comp-message-icon-color-close);
  }
  .p-message.p-message-primary,
  .p-inline-message.p-message-primary {
    border: solid var(--vk-comp-message-icon-color-primary);
    border-width: var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-radius);
  }
  .p-message.p-message-primary,
  .p-message.p-inline-message-primary,
  .p-inline-message.p-message-primary,
  .p-inline-message.p-inline-message-primary {
    color: var(--vk-comp-message-text-color-primary);
    background-color: var(--vk-comp-message-background-color-primary);
  }
  .p-message.p-message-primary .p-message-icon,
  .p-message.p-message-primary .p-inline-message-icon,
  .p-message.p-inline-message-primary .p-message-icon,
  .p-message.p-inline-message-primary .p-inline-message-icon,
  .p-inline-message.p-message-primary .p-message-icon,
  .p-inline-message.p-message-primary .p-inline-message-icon,
  .p-inline-message.p-inline-message-primary .p-message-icon,
  .p-inline-message.p-inline-message-primary .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-primary);
  }
  .p-message.p-message-secondary,
  .p-inline-message.p-message-secondary {
    border: solid var(--vk-comp-message-icon-color-secondary);
    border-width: var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-radius);
  }
  .p-message.p-message-secondary,
  .p-message.p-inline-message-secondary,
  .p-inline-message.p-message-secondary,
  .p-inline-message.p-inline-message-secondary {
    color: var(--vk-comp-message-text-color-secondary);
    background-color: var(--vk-comp-message-background-color-secondary);
  }
  .p-message.p-message-secondary .p-message-icon,
  .p-message.p-message-secondary .p-inline-message-icon,
  .p-message.p-inline-message-secondary .p-message-icon,
  .p-message.p-inline-message-secondary .p-inline-message-icon,
  .p-inline-message.p-message-secondary .p-message-icon,
  .p-inline-message.p-message-secondary .p-inline-message-icon,
  .p-inline-message.p-inline-message-secondary .p-message-icon,
  .p-inline-message.p-inline-message-secondary .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-secondary);
  }
  .p-message.p-message-success,
  .p-inline-message.p-message-success {
    border: solid var(--vk-comp-message-icon-color-success);
    border-width: var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-radius);
  }
  .p-message.p-message-success,
  .p-message.p-inline-message-success,
  .p-inline-message.p-message-success,
  .p-inline-message.p-inline-message-success {
    color: var(--vk-comp-message-text-color-success);
    background-color: var(--vk-comp-message-background-color-success);
  }
  .p-message.p-message-success .p-message-icon,
  .p-message.p-message-success .p-inline-message-icon,
  .p-message.p-inline-message-success .p-message-icon,
  .p-message.p-inline-message-success .p-inline-message-icon,
  .p-inline-message.p-message-success .p-message-icon,
  .p-inline-message.p-message-success .p-inline-message-icon,
  .p-inline-message.p-inline-message-success .p-message-icon,
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-success);
  }
  .p-message.p-message-info,
  .p-inline-message.p-message-info {
    border: solid var(--vk-comp-message-icon-color-info);
    border-width: var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-radius);
  }
  .p-message.p-message-info,
  .p-message.p-inline-message-info,
  .p-inline-message.p-message-info,
  .p-inline-message.p-inline-message-info {
    color: var(--vk-comp-message-text-color-info);
    background-color: var(--vk-comp-message-background-color-info);
  }
  .p-message.p-message-info .p-message-icon,
  .p-message.p-message-info .p-inline-message-icon,
  .p-message.p-inline-message-info .p-message-icon,
  .p-message.p-inline-message-info .p-inline-message-icon,
  .p-inline-message.p-message-info .p-message-icon,
  .p-inline-message.p-message-info .p-inline-message-icon,
  .p-inline-message.p-inline-message-info .p-message-icon,
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-info);
  }
  .p-message.p-message-warn,
  .p-inline-message.p-message-warn {
    border: solid var(--vk-comp-message-icon-color-warning);
    border-width: var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-radius);
  }
  .p-message.p-message-warn,
  .p-message.p-inline-message-warn,
  .p-inline-message.p-message-warn,
  .p-inline-message.p-inline-message-warn {
    color: var(--vk-comp-message-text-color-warning);
    background-color: var(--vk-comp-message-background-color-warning);
  }
  .p-message.p-message-warn .p-message-icon,
  .p-message.p-message-warn .p-inline-message-icon,
  .p-message.p-inline-message-warn .p-message-icon,
  .p-message.p-inline-message-warn .p-inline-message-icon,
  .p-inline-message.p-message-warn .p-message-icon,
  .p-inline-message.p-message-warn .p-inline-message-icon,
  .p-inline-message.p-inline-message-warn .p-message-icon,
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-warning);
  }
  .p-message.p-message-error,
  .p-inline-message.p-message-error {
    border: solid var(--vk-comp-message-icon-color-error);
    border-width: var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-width) var(--vk-comp-message-border-radius);
  }
  .p-message.p-message-error,
  .p-message.p-inline-message-error,
  .p-inline-message.p-message-error,
  .p-inline-message.p-inline-message-error {
    color: var(--vk-comp-message-text-color-error);
    background-color: var(--vk-comp-message-background-color-error);
  }
  .p-message.p-message-error .p-message-icon,
  .p-message.p-message-error .p-inline-message-icon,
  .p-message.p-inline-message-error .p-message-icon,
  .p-message.p-inline-message-error .p-inline-message-icon,
  .p-inline-message.p-message-error .p-message-icon,
  .p-inline-message.p-message-error .p-inline-message-icon,
  .p-inline-message.p-inline-message-error .p-message-icon,
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-error);
  }
  .p-message .p-button.p-button-text.p-message-close-button,
  .p-message .p-button.p-button-text.p-message-close-button:hover,
  .p-inline-message .p-button.p-button-text.p-message-close-button,
  .p-inline-message .p-button.p-button-text.p-message-close-button:hover {
    min-height: unset;
    padding: unset;
  }
  .p-message .p-button.p-button-text.p-message-close-button::before,
  .p-message .p-button.p-button-text.p-message-close-button:hover::before,
  .p-inline-message .p-button.p-button-text.p-message-close-button::before,
  .p-inline-message .p-button.p-button-text.p-message-close-button:hover::before {
    background-color: transparent;
  }
  .p-message checkicon::before,
  .p-inline-message checkicon::before {
    color: var(--vk-comp-message-icon-color-success);
  }
  .p-message infocircleicon::before,
  .p-inline-message infocircleicon::before {
    color: var(--vk-comp-message-icon-color-info);
  }
  .p-message exclamationtriangleicon::before,
  .p-inline-message exclamationtriangleicon::before {
    color: var(--vk-comp-message-icon-color-warning);
  }
  .p-message timescircleicon::before,
  .p-inline-message timescircleicon::before {
    color: var(--vk-comp-message-icon-color-error);
  }
  .p-inline-message {
    padding: var(--vk-comp-message-spacing-s);
    align-items: flex-start !important;
  }
  .p-inline-message .p-inline-message-text {
    font: var(--vk-comp-message-font-style-detail);
  }
  .p-inline-message .p-iconwrapper {
    margin-right: var(--vk-comp-message-spacing-xs);
  }
  .p-inline-message .p-iconwrapper::before {
    font-size: var(--vk-comp-message-icon-size-m);
  }
  .p-inline-message.p-inline-message-info {
    border: 0;
  }
  p-message.p-inline-message-primary .p-inline-message {
    background-color: var(--vk-comp-message-background-color-primary);
  }
  p-message.p-inline-message-primary .p-inline-message .p-message-icon,
  p-message.p-inline-message-primary .p-inline-message .p-inline-message-icon {
    color: var(--vk-comp-message-icon-color-primary);
  }
  .p-toast {
    --p-toast-content-gap: var(--vk-comp-toast-message-spacing-default);
    --p-toast-text-gap: var(--vk-comp-toast-message-spacing-xxs);
    --p-toast-success-close-button-hover-background: transparent;
    --p-toast-info-close-button-hover-background: transparent;
    --p-toast-warn-close-button-hover-background: transparent;
    --p-toast-danger-close-button-hover-background: transparent;
    --p-toast-primary-close-button-hover-background: transparent;
    --p-toast-secondary-close-button-hover-background: transparent;
    opacity: 1;
  }
  .p-toast .p-toast-message {
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.3019607843);
    background: var(--vk-comp-toast-message-background-color-primary);
    border: solid var(--vk-comp-toast-message-icon-color-primary);
    border-width: var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-left-width);
    border-radius: var(--vk-comp-toast-message-border-radius);
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: var(--vk-comp-toast-message-spacing-default);
    border: 0;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon,
  .p-toast .p-toast-message .p-toast-message-content .p-toast-close-icon {
    font-size: var(--vk-comp-toast-message-icon-size);
    align-self: flex-start;
    width: unset;
    height: unset;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    font: var(--vk-comp-toast-message-font-style-summary);
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    font: var(--vk-comp-toast-message-font-style-detail);
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text,
  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary,
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    color: var(--vk-comp-toast-message-font-color-primary);
  }
  .p-toast .p-toast-message .p-toast-message-icon {
    color: var(--vk-comp-toast-message-icon-color-primary);
  }
  .p-toast .p-toast-message.p-toast-message-secondary {
    background: var(--vk-comp-toast-message-background-color-secondary);
    border: solid var(--vk-comp-toast-message-icon-color-secondary);
    border-width: var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-left-width);
    border-radius: var(--vk-comp-toast-message-border-radius);
  }
  .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-text,
  .p-toast .p-toast-message.p-toast-message-secondary .p-toast-summary,
  .p-toast .p-toast-message.p-toast-message-secondary .p-toast-detail {
    color: var(--vk-comp-toast-message-font-color-secondary);
  }
  .p-toast .p-toast-message.p-toast-message-secondary .p-toast-message-icon {
    color: var(--vk-comp-toast-message-icon-color-secondary);
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: var(--vk-comp-toast-message-background-color-success);
    border: solid var(--vk-comp-toast-message-icon-color-success);
    border-width: var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-left-width);
    border-radius: var(--vk-comp-toast-message-border-radius);
  }
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-text,
  .p-toast .p-toast-message.p-toast-message-success .p-toast-summary,
  .p-toast .p-toast-message.p-toast-message-success .p-toast-detail {
    color: var(--vk-comp-toast-message-font-color-success);
  }
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon {
    color: var(--vk-comp-toast-message-icon-color-success);
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: var(--vk-comp-toast-message-background-color-info);
    border: solid var(--vk-comp-toast-message-info-border-color);
    border-width: var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-left-width);
    border-radius: var(--vk-comp-toast-message-border-radius);
  }
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-text,
  .p-toast .p-toast-message.p-toast-message-info .p-toast-summary,
  .p-toast .p-toast-message.p-toast-message-info .p-toast-detail {
    color: var(--vk-comp-toast-message-font-color-info);
  }
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon {
    color: var(--vk-comp-toast-message-icon-color-info);
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: var(--vk-comp-toast-message-background-color-warning);
    border: solid var(--vk-comp-toast-message-icon-color-warning);
    border-width: var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-left-width);
    border-radius: var(--vk-comp-toast-message-border-radius);
  }
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-text,
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-summary,
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-detail {
    color: var(--vk-comp-toast-message-font-color-warning);
  }
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon {
    color: var(--vk-comp-toast-message-icon-color-warning);
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: var(--vk-comp-toast-message-background-color-error);
    border: solid var(--vk-comp-toast-message-icon-color-error);
    border-width: var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-width) var(--vk-comp-toast-message-info-border-left-width);
    border-radius: var(--vk-comp-toast-message-border-radius);
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-text,
  .p-toast .p-toast-message.p-toast-message-error .p-toast-summary,
  .p-toast .p-toast-message.p-toast-message-error .p-toast-detail {
    color: var(--vk-comp-toast-message-font-color-error);
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon {
    color: var(--vk-comp-toast-message-icon-color-error);
  }
  .p-toast .p-button.p-button-text.p-toast-close-button {
    min-height: unset;
    padding: unset;
  }
  .p-toast .p-button.p-button-text.p-toast-close-button::before {
    background-color: transparent;
  }
  .p-toast .p-toast-message-icon::before {
    font-size: var(--vk-comp-message-icon-size-l);
    line-height: var(--vk-comp-message-icon-size-l);
  }
  .p-toast .p-toast-close-icon::before {
    color: var(--vk-comp-message-icon-color-close);
    font-size: var(--vk-comp-message-icon-size-m);
    line-height: var(--vk-comp-message-icon-size-m);
  }
  .p-toast checkicon::before {
    color: var(--vk-comp-message-icon-color-success);
  }
  .p-toast infocircleicon::before {
    color: var(--vk-comp-message-icon-color-info);
  }
  .p-toast exclamationtriangleicon::before {
    color: var(--vk-comp-message-icon-color-warning);
  }
  .p-toast timescircleicon::before {
    color: var(--vk-comp-message-icon-color-error);
  }
  .p-avatar {
    background-color: var(--vk-comp-avatar-background-color);
    color: black;
    font-size: var(--vk-comp-avatar-font-size);
  }
  .p-avatar:not(.p-avatar-circle) {
    border-radius: var(--vk-comp-avatar-border-radius);
  }
  .p-avatar.p-avatar-circle {
    border-radius: 50%;
  }
  .p-avatar img {
    border-radius: var(--vk-comp-avatar-border-radius);
  }
  .p-avatar.p-avatar-lg {
    font-size: var(--vk-comp-avatar-font-size-l);
  }
  .p-avatar.p-avatar-xl {
    font-size: var(--vk-comp-avatar-font-size-xl);
  }
  .p-avatar .p-avatar-icon::before {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .p-avatar-group {
    align-items: stretch;
  }
  .p-avatar-group .p-avatar {
    border: 0;
  }
  .p-avatar-group .p-avatar-text {
    color: var(--vk-comp-avatar-text-color);
  }
  .p-badge {
    background-color: var(--vk-comp-badge-background-color);
    color: var(--vk-comp-badge-font-color);
    border-radius: calc(var(--vk-comp-badge-size) / 2);
    height: var(--vk-comp-badge-size);
    line-height: var(--vk-comp-badge-size);
    min-width: var(--vk-comp-badge-size);
    font-size: var(--vk-comp-badge-font-size);
  }
  .p-badge.p-badge-dot {
    border-radius: calc(var(--vk-comp-badge-size-s) / 2);
    height: var(--vk-comp-badge-size-s);
    line-height: var(--vk-comp-badge-size-s);
    min-width: var(--vk-comp-badge-size-s);
  }
  .p-badge.p-badge-lg {
    border-radius: calc(var(--vk-comp-badge-size-l) / 2);
    height: var(--vk-comp-badge-size-l);
    line-height: var(--vk-comp-badge-size-l);
    min-width: var(--vk-comp-badge-size-l);
    font-size: var(--vk-comp-badge-font-size-l);
  }
  .p-badge.p-badge-xl {
    border-radius: calc(var(--vk-comp-badge-size-xl) / 2);
    height: var(--vk-comp-badge-size-xl);
    line-height: var(--vk-comp-badge-size-xl);
    min-width: var(--vk-comp-badge-size-xl);
    font-size: var(--vk-comp-badge-font-size-xl);
  }
  .p-badge.p-component {
    font-family: var(--vk-comp-badge-font);
  }
  .p-badge.p-badge-danger {
    background-color: var(--vk-comp-badge-background-color-danger);
    color: var(--vk-comp-badge-font-color-danger);
  }
  .p-badge.p-badge-success {
    background-color: var(--vk-comp-badge-background-color-success);
    color: var(--vk-comp-badge-font-color-success);
  }
  .p-badge.p-badge-info {
    background-color: var(--vk-comp-badge-background-color-info);
    color: var(--vk-comp-badge-font-color-info);
  }
  .p-badge.p-badge-warning,
  .p-badge.p-badge-warn {
    background-color: var(--vk-comp-badge-background-color-warning);
    color: var(--vk-comp-badge-font-color-warning);
  }
  .p-chip {
    --p-disabled-opacity: 1;
    background: var(--vk-comp-chip-background-color);
    border-radius: var(--vk-comp-chip-border-radius);
    padding: var(--vk-comp-chip-padding-xs) var(--vk-comp-chip-padding-s);
    color: var(--vk-comp-chip-color);
  }
  .p-chip .p-chip-text {
    margin: 0;
    font: var(--vk-comp-chip-font-style);
  }
  .p-chip .p-chip-remove-icon {
    color: var(--vk-comp-chip-remove-icon-color);
  }
  .p-disabled .p-chip,
  .p-disabled.p-chip {
    background-color: var(--vk-comp-chip-background-color-disabled);
    color: var(--vk-comp-chip-color-disabled);
  }
  .p-disabled .p-chip .p-chip-remove-icon,
  .p-disabled.p-chip .p-chip-remove-icon {
    color: var(--vk-comp-chip-remove-icon-color-disabled);
  }
  .p-progressbar {
    --p-progressbar-label-color: var(--vk-comp-progressbar-label-color);
    border-radius: var(--vk-comp-progressbar-border-radius);
    background: var(--vk-comp-progressbar-background-color);
    width: 100%;
    height: var(--vk-comp-progressbar-height);
    font: var(--vk-comp-progressbar-font);
  }
  .p-progressbar .p-progressbar-value {
    background: var(--vk-comp-progressbar-value-background-color);
    border-radius: 8px;
  }
  .p-progressbar-small .p-progressbar {
    height: var(--vk-comp-progressbar-height-small);
  }
  .p-progressspinner .p-progressspinner-spin {
    width: var(--vk-comp-progressspinner-size);
    height: var(--vk-comp-progressspinner-size);
    margin: 0;
  }
  .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle {
    stroke: var(--vk-comp-progressspinner-color);
    animation: p-progress-spinner-dash 3s ease-in-out infinite;
  }
  .small .p-progressspinner {
    height: var(--vk-comp-progressspinner-size-small);
    width: var(--vk-comp-progressspinner-size-small);
  }
  .small .p-progressspinner .p-progressspinner-circle {
    fill: var(--vk-comp-progressspinner-fill);
  }
  .small .p-progressspinner .p-progressspinner-spin {
    height: var(--vk-comp-progressspinner-size-small);
    width: var(--vk-comp-progressspinner-size-small);
  }
  .small .p-progressspinner .p-progressspinner-spin .p-progressspinner-circle {
    stroke-width: var(--vk-comp-progressspinner-stroke-width-small);
  }
  .p-tag {
    --p-tag-gap: var(--vk-spacing-04);
    background-color: var(--vk-comp-tag-background-color);
    font: var(--vk-comp-tag-font);
    color: var(--vk-comp-tag-color-primary);
    border-radius: var(--vk-comp-tag-border-radius);
    padding: var(--vk-comp-tag-padding-xxs) var(--vk-comp-tag-padding-s);
  }
  .p-tag.p-tag-success {
    color: var(--vk-comp-tag-color-success);
    background-color: var(--vk-comp-tag-background-color-success);
  }
  .p-tag.p-tag-info {
    color: var(--vk-comp-tag-color-info);
    background-color: var(--vk-comp-tag-background-color-info);
  }
  .p-tag.p-tag-warning,
  .p-tag.p-tag-warn {
    color: var(--vk-comp-tag-color-warning);
    background-color: var(--vk-comp-tag-background-color-warning);
  }
  .p-tag.p-tag-danger {
    color: var(--vk-comp-tag-color-danger);
    background-color: var(--vk-comp-tag-background-color-danger);
  }
  .p-tag.p-tag-rounded {
    border-radius: var(--vk-comp-tag-border-radius-rund);
  }
  .p-tag > .p-tag-icon {
    margin: 0;
    display: flex;
  }
  .p-tag > .p-tag-icon .pi {
    font-size: var(--vk-comp-tag-icon-font-size);
  }
  .p-tag .p-tag-label {
    white-space: nowrap;
  }
  .p-tag-icon-right .p-tag {
    display: flex;
    flex-direction: row-reverse;
  }
  .p-dialog {
    --p-dialog-border-radius: var(--vk-comp-dialog-border-radius);
    --p-dialog-header-padding: var(--vk-comp-dialog-header-padding);
    --p-dialog-content-padding: var(--vk-comp-dialog-content-padding);
    --p-dialog-shadow: var(--vk-comp-dialog-shadow);
  }
  .p-dialog:not(.p-dialog-maximized) {
    max-width: 1500px;
  }
  .p-dialog .p-button.p-button-text.p-dialog-close-button {
    min-height: unset;
    padding: unset;
  }
  .p-dialog .p-button.p-button-text.p-dialog-close-button::before,
  .p-dialog .p-button.p-button-text.p-dialog-close-button:hover::before {
    background-color: transparent;
  }
  .p-dialog .p-button.p-button-text.p-dialog-close-button .p-iconwrapper::before {
    color: var(--vk-comp-dialog-close-icon-color);
  }
  .p-dialog .p-button.p-dialog-maximize-button,
  .p-dialog .p-button.p-dialog-maximize-button:hover,
  .p-dialog .p-button.p-dialog-maximize-button::before,
  .p-dialog .p-button.p-dialog-maximize-button:hover::before {
    background-color: transparent;
    border: none;
    color: var(--vk-comp-dialog-close-icon-color);
  }
  .p-overlay-mask {
    --p-mask-background: rgb(27 29 30 / 25%);
  }
  .p-overlaypanel {
    max-width: 520px;
    transform: none !important;
  }
  .p-overlaypanel .p-overlaypanel-content {
    background: var(--vk-comp-overlaypanel-content-background-color);
    padding: var(--vk-comp-overlaypanel-content-padding);
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px 0;
    max-width: fit-content;
    min-width: 318px;
    border-radius: var(--vk-comp-overlaypanel-content-border-radius);
    color: var(--vk-comp-overlaypanel-font-color);
  }
  .p-overlaypanel::after,
  .p-overlaypanel::before {
    display: none;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: transparent;
    color: var(--vk-comp-overlaypanel-close-font-color);
    top: var(--vk-comp-overlaypanel-postion-top);
    right: var(--vk-comp-overlaypanel-postion-right);
    transition: none;
  }
  .p-overlaypanel:has(.p-overlaypanel-content + .p-overlaypanel-close) .p-overlaypanel-content {
    padding-top: var(--vk-comp-overlaypanel-close-padding-top);
  }
  .p-popover {
    max-width: 520px;
  }
  .p-popover::after,
  .p-popover::before {
    display: none;
    content: unset;
  }
  .p-popover .p-popover-content {
    --p-popover-content-padding: var(--vk-comp-popover-content-padding);
    background: var(--vk-comp-popover-content-background-color);
    box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px 0;
    max-width: fit-content;
    min-width: 318px;
    border-radius: var(--vk-comp-popover-content-border-radius);
    color: var(--vk-comp-popover-font-color);
  }
  .p-popover:has(.p-popover-content + .p-popover-close) .p-popover-content {
    padding-top: var(--vk-comp-popover-close-padding-top);
  }
  @media (width >= 37.5rem) {
    .p-tooltip {
      max-width: 520px;
    }
    .p-tooltip .p-tooltip-text {
      background: var(--vk-comp-tooltip-content-background-color);
      padding: var(--vk-comp-tooltip-content-padding);
      box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px 0;
      width: max-content;
      max-width: fit-content;
      border-radius: var(--vk-comp-tooltip-border-radius);
      color: var(--vk-comp-tooltip-font-color);
    }
    .p-tooltip.p-tooltip-top {
      padding: var(--vk-comp-tooltip-padding) 0;
    }
    .p-tooltip.p-tooltip-top .p-tooltip-arrow {
      bottom: 6px;
      margin-left: var(--vk-comp-tooltip-arrow-margin);
      border-width: var(--vk-comp-tooltip-arrow-border-width) var(--vk-comp-tooltip-arrow-border-width) 0;
      border-top-color: var(--vk-comp-tooltip-content-background-color);
    }
    .p-tooltip.p-tooltip-bottom {
      padding: var(--vk-comp-tooltip-padding) 0;
    }
    .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
      top: 6px;
      margin-left: var(--vk-comp-tooltip-arrow-margin);
      border-width: 0 var(--vk-comp-tooltip-arrow-border-width) var(--vk-comp-tooltip-arrow-border-width);
      border-bottom-color: var(--vk-comp-tooltip-content-background-color);
    }
    .p-tooltip.p-tooltip-left {
      padding: var(--vk-comp-tooltip-padding) var(--vk-comp-tooltip-padding) var(--vk-comp-tooltip-padding) 0;
    }
    .p-tooltip.p-tooltip-left .p-tooltip-arrow {
      right: 6px;
      margin-top: var(--vk-comp-tooltip-arrow-margin);
      border-width: var(--vk-comp-tooltip-arrow-border-width) 0 var(--vk-comp-tooltip-arrow-border-width) var(--vk-comp-tooltip-arrow-border-width);
      border-left-color: var(--vk-comp-tooltip-content-background-color);
    }
    .p-tooltip.p-tooltip-right {
      padding: var(--vk-comp-tooltip-padding) 0 var(--vk-comp-tooltip-padding) var(--vk-comp-tooltip-padding);
    }
    .p-tooltip.p-tooltip-right .p-tooltip-arrow {
      left: 6px;
      margin-top: var(--vk-comp-tooltip-arrow-margin);
      border-width: var(--vk-comp-tooltip-arrow-border-width) var(--vk-comp-tooltip-arrow-border-width) var(--vk-comp-tooltip-arrow-border-width) 0;
      border-right-color: var(--vk-comp-tooltip-content-background-color);
    }
  }
  @media (width <= 37.5rem) {
    .p-tooltip {
      position: fixed !important;
      inset: auto 0 0 !important;
      width: 100% !important;
      max-width: 600px;
      margin: 0 auto !important;
      display: block !important;
      pointer-events: auto !important;
      transform: none !important;
    }
    .p-tooltip::before {
      content: "";
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.5);
      z-index: -1;
    }
    .p-tooltip .p-tooltip-text {
      background: var(--vk-comp-tooltip-content-background-color);
      padding: 2rem 1.5rem;
      border-radius: 0;
      box-shadow: rgba(0, 0, 0, 0.16) 0 3px 6px 0;
      color: var(--vk-comp-tooltip-font-color);
      box-sizing: border-box;
      width: 100%;
      max-height: 400px;
      overflow: hidden auto;
    }
    .p-tooltip.p-tooltip-right,
    .p-tooltip.p-tooltip-left,
    .p-tooltip.p-tooltip-bottom,
    .p-tooltip.p-tooltip-top {
      padding: 0;
    }
    .p-tooltip .p-tooltip-arrow {
      display: none;
    }
  }
  .p-accordion {
    --p-accordion-header-first-top-border-radius: 0;
    --p-accordion-header-last-bottom-border-radius: 0;
    --p-accordion-header-focus-ring-width: var(--vk-size-02);
    --p-accordion-header-focus-ring-color: var(--oev-color-action-focus-on-light);
    --p-accordion-content-padding: var(--vk-comp-accordion-content-spacing);
    font: var(--vk-comp-accordion-content-font-style);
  }
  .p-accordion .p-accordionpanel {
    border-bottom: var(--vk-comp-accordion-bottom-border);
  }
  .p-accordion .p-accordionpanel:first-child {
    border-top: var(--vk-comp-accordion-top-border);
  }
  .p-accordion .p-accordionpanel-active .p-accordion-header .p-accordion-header-link,
  .p-accordion .p-accordionpanel-active .p-accordion-header .p-accordion-header-text {
    color: var(--vk-comp-accordion-header-color-open);
  }
  .p-accordion .p-accordionheader {
    background-color: var(--vk-comp-accordion-header-background-color);
    padding: var(--vk-comp-accordion-header-spacing);
    border: 0;
    justify-content: space-between;
    color: var(--vk-comp-accordion-header-color);
    font-weight: var(--vk-comp-accordion-header-font-weight);
    line-height: var(--vk-comp-accordion-header-line-height);
  }
  .p-accordion .p-accordionheader .p-iconwrapper {
    font-weight: var(--vk-comp-accordion-header-font-weight);
    color: var(--vk-comp-accordion-header-icon-color);
    font-size: var(--vk-comp-accordion-header-icon-font-size);
    line-height: var(--vk-comp-accordion-header-icon-font-size);
    padding-left: var(--vk-spacing-08);
  }
  .p-accordion .p-accordionheader .pi {
    color: var(--vk-comp-accordion-header-custom-icon-color);
  }
  .p-accordion .p-accordionheader:hover {
    background-color: var(--vk-comp-accordion-header-background-color-hover);
    color: var(--vk-comp-accordion-header-color-hover);
    font-weight: var(--vk-comp-accordion-header-font-weight-hover);
    line-height: var(--vk-comp-accordion-header-line-height);
  }
  .p-accordion .p-accordionheader:hover .pi,
  .p-accordion .p-accordionheader:hover .p-iconwrapper::before {
    color: var(--vk-comp-accordion-header-icon-color-hover);
  }
  .p-accordion .p-accordionheader:active {
    color: var(--vk-comp-accordion-header-color-active);
    font-weight: var(--vk-comp-accordion-header-font-weight-active);
    line-height: var(--vk-comp-accordion-header-line-height);
  }
  .p-accordion .p-accordionheader:active .pi,
  .p-accordion .p-accordionheader:active .p-iconwrapper::before {
    color: var(--vk-comp-accordion-header-icon-color-active);
  }
  .p-accordion .p-accordionheader .p-accordionpanel-active {
    background: var(--vk-comp-accordion-content-background-color) !important;
  }
  .p-accordion .p-accordionheader chevronupicon::before {
    content: "\e902" !important;
  }
  .p-accordion .p-accordionheader chevrondownicon::before {
    content: "\e903" !important;
  }
  .p-accordion .p-accordioncontent-content {
    background: var(--vk-comp-accordion-content-background-color);
    color: var(--vk-comp-accordion-content-color);
    padding: var(--vk-comp-accordion-content-spacing);
    padding-top: var(--vk-comp-accordion-content-spacing-top);
    font: var(--vk-comp-accordion-content-font-style);
    border: 0;
  }
  .p-accordion .p-accordioncontent-content > :first-child {
    margin-top: 0;
  }
  .p-accordion .p-accordioncontent-content > :last-child {
    margin-bottom: 0;
  }
  .p-accordion p-accordion-content[data-p-active=false] > div.p-accordioncontent-content {
    padding: 0;
  }
  .p-card {
    color: var(--vk-comp-card-font-color);
    border-radius: var(--vk-comp-card-border-radius);
    box-shadow: var(--vk-comp-card-shadow);
    background-color: var(--vk-comp-card-background-color);
    width: 100%;
    border: var(--vk-comp-card-border);
  }
  .p-card .p-card-header:empty,
  .p-card .p-card-title:empty,
  .p-card .p-card-subtitle:empty,
  .p-card .p-card-content:empty {
    display: none;
  }
  .p-card .p-card-header {
    background-color: var(--vk-comp-card-header-background-color);
    text-align: left;
    font: var(--vk-comp-card-header-font-style);
    color: var(--vk-comp-card-header-color);
    border-top-left-radius: var(--vk-comp-card-border-radius);
    border-top-right-radius: var(--vk-comp-card-border-radius);
  }
  .p-card .p-card-header .pi,
  .p-card .p-card-header .icon {
    font-size: var(--vk-comp-card-header-icon-font-size);
  }
  .p-card .p-card-header .pi::before {
    color: var(--vk-comp-card-header-icon-color);
  }
  .p-card .p-card-header:not(:has(> img)) {
    padding: var(--vk-comp-card-header-spacing);
    border-radius: var(--vk-comp-card-border-radius) var(--vk-comp-card-border-radius) 0 0;
  }
  .p-card .p-card-header img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    border-top-left-radius: var(--vk-comp-card-border-radius);
  }
  .p-card .p-card-title {
    font: var(--vk-comp-card-header-title-font-style);
    color: var(--vk-comp-card-header-title-color);
    margin-bottom: 0;
    hyphens: auto;
  }
  .p-card .p-card-title .pi,
  .p-card .p-card-title .icon {
    font-size: var(--vk-comp-card-header-title-icon-font-size);
  }
  .p-card .p-card-subtitle {
    font: var(--vk-comp-card-header-subtitle-font-style);
    color: var(--vk-comp-card-header-subtitle-color);
    margin-bottom: 0;
    hyphens: auto;
  }
  .p-card .p-card-subtitle .pi,
  .p-card .p-card-subtitle .icon {
    font-size: var(--vk-comp-card-header-subtitle-icon-font-size);
  }
  .p-card .p-card-body {
    padding: var(--vk-comp-card-body-spacing);
    display: flex;
    flex-flow: column;
    align-self: stretch;
    height: 100%;
    gap: var(--vk-comp-card-body-gap);
  }
  .p-card .p-card-body > :last-child {
    margin-bottom: 0;
  }
  .p-card .p-card-content {
    hyphens: auto;
    flex-grow: 1;
  }
  .p-card .p-card-footer {
    margin-top: auto;
  }
  .p-card .p-card-content,
  .p-card .p-card-footer {
    padding: 0;
  }
  .p-card .p-card-content > :first-child,
  .p-card .p-card-footer > :first-child {
    margin-top: 0;
  }
  .p-card .p-card-content > :last-child,
  .p-card .p-card-footer > :last-child {
    margin-bottom: 0;
  }
  :not(.p-card-horizontal) .p-card {
    display: flex;
    flex-flow: column;
    height: 100%;
  }
  .p-card-horizontal .p-card {
    display: flex;
    flex-flow: row;
    height: 100%;
  }
  .p-card-horizontal .p-card .p-card-header,
  .p-card-horizontal .p-card .p-card-header:not(:has(> img)) {
    border-radius: var(--vk-comp-card-border-radius) 0 0 var(--vk-comp-card-border-radius);
    overflow: hidden;
  }
  .p-card-horizontal .p-card .p-card-header,
  .p-card-horizontal .p-card .p-card-body {
    width: 50%;
  }
  .p-card-hoverable .p-card {
    cursor: pointer;
  }
  .p-card-hoverable .p-card .p-card-title,
  .p-card-hoverable .p-card .p-card-subtitle {
    font: var(--vk-comp-card-hoverable-title-font-style);
    font-size: var(--vk-comp-card-hoverable-title-font-size);
    color: var(--vk-comp-card-hoverable-title-color);
  }
  .p-card-hoverable .p-card .p-card-title .pi,
  .p-card-hoverable .p-card .p-card-title .icon,
  .p-card-hoverable .p-card .p-card-subtitle .pi,
  .p-card-hoverable .p-card .p-card-subtitle .icon {
    font-size: var(--vk-comp-card-hoverable-title-font-size);
  }
  .p-card-hoverable:hover .p-card {
    box-shadow: var(--vk-comp-card-hoverable-shadow-hover);
  }
  .p-card-noshadow .p-card {
    box-shadow: none;
  }
  @media (width <= 37.5rem) {
    .p-card-horizontal .p-card {
      flex-flow: column;
    }
    .p-card-horizontal .p-card .p-card-header,
    .p-card-horizontal .p-card .p-card-body {
      width: 100%;
    }
    .p-card-horizontal .p-card .p-card-header:not(:has(> img)) {
      border-radius: var(--vk-comp-card-border-radius) var(--vk-comp-card-border-radius) 0 0;
    }
    .p-card-horizontal .p-card .p-card-header:has(> img) {
      border-radius: var(--vk-comp-card-border-radius) var(--vk-comp-card-border-radius) 0 0;
    }
    .p-card-horizontal .p-card .p-card-header:has(> img) img {
      border-top-left-radius: var(--vk-comp-card-border-radius);
      border-top-right-radius: var(--vk-comp-card-border-radius);
    }
  }
  .p-divider.p-divider-horizontal::before {
    border-bottom: var(--vk-comp-divider-height) solid var(--vk-comp-divider-color);
    border-top: 0;
    border-left: 0;
    border-right: 0;
  }
  .p-fieldset {
    --p-fieldset-legend-padding: var(--vk-comp-fieldset-header-spacing);
    --p-fieldset-legend-gap: var(--vk-comp-fieldset-header-spacing);
    --p-fieldset-legend-border-radius: var(--vk-comp-fieldset-border-radius);
    --p-fieldset-legend-border-color: var(--vk-comp-fieldset-border-color);
    --p-fieldset-color: var(--vk-comp-fieldset-body-font-color);
    --p-fieldset-legend-font-weight: var(--oev-font-weight-bold);
    --p-fieldset-legend-border-width: var(--vk-comp-fieldset-border-width);
    --p-fieldset-background: var(--vk-comp-fieldset-background-color);
    border: var(--vk-comp-fieldset-border-width) solid var(--vk-comp-fieldset-border-color);
    border-radius: var(--vk-comp-fieldset-border-radius);
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
    background-color: var(--vk-comp-fieldset-header-background-color);
    border-radius: var(--vk-comp-fieldset-border-radius);
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend .p-iconwrapper {
    color: var(--vk-comp-fieldset-header-icon-color);
    font-size: var(--vk-comp-fieldset-header-icon-size);
    line-height: var(--vk-comp-fieldset-header-icon-size);
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend .p-fieldset-legend-label {
    font: var(--vk-comp-fieldset-header-font-style-expandable);
    color: var(--vk-comp-fieldset-header-color);
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background-color: var(--vk-comp-fieldset-header-background-color-hover);
    border-color: var(--vk-comp-fieldset-header-border-color-hover);
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover .p-fieldset-legend-label,
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover .p-iconwrapper {
    color: var(--vk-comp-fieldset-header-closed-font-color-hover);
  }
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend {
    border: var(--vk-comp-fieldset-header-border-width-active) solid var(--vk-comp-fieldset-header-border-color-active);
    border-radius: var(--vk-comp-fieldset-border-radius);
  }
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend .p-fieldset-legend-label {
    color: var(--vk-comp-fieldset-header-color-active);
  }
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend:active,
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded.p-fieldset-expanded .p-fieldset-legend {
    background-color: var(--vk-comp-fieldset-header-background-color-active);
    font: var(--vk-comp-fieldset-header-font-style-expandable);
    border: var(--vk-comp-fieldset-header-border-width-active) solid var(--vk-comp-fieldset-header-border-color-active);
    border-radius: var(--vk-comp-fieldset-border-radius);
  }
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend:hover {
    background-color: var(--vk-comp-fieldset-header-background-color-hover);
    font: var(--vk-comp-fieldset-header-font-style-expandable);
    border: var(--vk-comp-fieldset-header-border-width-hover) solid var(--vk-comp-fieldset-header-border-color-hover);
    border-radius: var(--vk-comp-fieldset-border-radius);
  }
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend:hover .p-fieldset-legend-label {
    color: var(--vk-comp-fieldset-header-font-color-hover);
  }
  .p-fieldset.p-fieldset-toggleable.p-fieldset-expanded .p-fieldset-legend:hover .p-iconwrapper {
    color: var(--vk-comp-fieldset-header-icon-color-hover);
  }
  .p-fieldset .p-fieldset-content {
    font: var(--vk-comp-fieldset-body-font-style);
    color: var(--vk-comp-fieldset-body-font-color);
    padding: var(--vk-comp-fieldset-body-spacing) 0 0 0;
  }
  .p-fieldset .p-fieldset-legend-label {
    font: var(--vk-comp-fieldset-header-font-style);
    color: var(--vk-comp-fieldset-header-color-default);
  }
  .p-panel {
    margin-bottom: 25px;
    border: 0;
  }
  .p-panel .p-panel-header {
    background-color: var(--vk-comp-panel-header-background-color);
    font: var(--vk-comp-panel-header-font-style);
    color: var(--vk-comp-panel-header-color);
    padding: var(--vk-comp-panel-header-spacing);
  }
  .p-panel .p-panel-header .p-panel-title {
    font: var(--vk-comp-panel-header-font-style);
    color: var(--vk-comp-panel-header-color);
  }
  .p-panel .p-panel-header:hover .p-panel-title {
    color: var(--vk-comp-panel-header-color-hover);
  }
  .p-panel .p-panel-header .p-panel-toggler {
    width: unset;
    height: unset;
  }
  .p-panel:not(.p-panel-expanded) .p-panel-header {
    border: var(--vk-comp-panel-border-width) solid var(--vk-comp-panel-border-color);
    border-radius: var(--vk-comp-panel-border-radius);
  }
  .p-panel:not(.p-panel-expanded) .p-panel-header:hover {
    background-color: var(--vk-comp-panel-header-background-color-hover);
  }
  .p-panel.p-panel-expanded .p-panel-header,
  .p-panel:not(.p-panel-toggleable) .p-panel-header {
    background-color: var(--vk-comp-panel-header-background-color-active);
    border: var(--vk-comp-panel-border-width) solid var(--vk-comp-panel-border-color);
    border-radius: var(--vk-comp-panel-border-radius) var(--vk-comp-panel-border-radius) 0 0;
  }
  .p-panel.p-panel-expanded .p-panel-header:hover,
  .p-panel:not(.p-panel-toggleable) .p-panel-header:hover {
    background-color: var(--vk-comp-panel-header-background-color-active-hover);
  }
  .p-panel.p-panel-expanded .p-panel-content,
  .p-panel:not(.p-panel-toggleable) .p-panel-content {
    border: var(--vk-comp-panel-border-width) solid var(--vk-comp-panel-border-color);
    border-top: 0;
    border-radius: 0 0 var(--vk-comp-panel-border-radius) var(--vk-comp-panel-border-radius);
  }
  .p-panel .p-panel-header:active {
    background-color: var(--vk-comp-panel-header-background-color-active);
    font: var(--vk-comp-panel-header-font-style);
    color: var(--vk-comp-panel-header-color-active);
  }
  .p-panel .p-panel-content {
    font: var(--vk-comp-panel-body-font-style);
    color: var(--vk-comp-panel-body-font-color);
    padding: var(--vk-comp-panel-body-spacing);
  }
  .p-panel .p-panel-content :first-child {
    margin-top: 0;
  }
  .p-panel .p-panel-content :last-child {
    margin-bottom: 0;
  }
  .p-panel .p-iconwrapper {
    color: var(--vk-comp-panel-header-icon-color);
    font-size: var(--vk-comp-panel-header-icon-size);
    line-height: var(--vk-comp-panel-header-icon-size);
  }
  .p-panel .p-iconwrapper:hover {
    color: var(--vk-comp-panel-header-icon-color-hover);
  }
  .p-panel .p-button {
    padding-block: unset;
    padding-inline: unset;
  }
  .p-panel .p-button.p-button-secondary.p-button-text {
    min-height: unset;
    padding: unset;
  }
  .p-panel .p-button.p-button-secondary.p-button-text::before {
    height: 0;
    background-color: transparent;
  }
  .p-panel .p-panel-header .p-panel-header-icon:hover {
    background: transparent;
  }
  .p-stepper {
    --p-stepper-transition-duration: 0;
    --p-stepper-separator-background: var(--vk-comp-stepper-separator-background);
    --p-stepper-separator-active-background: var(--vk-comp-stepper-separator-background-active);
    --p-stepper-separator-margin: 0;
    --p-stepper-separator-size: var(--vk-comp-stepper-separator-size);
    --p-stepper-step-padding: 0;
    --p-stepper-step-gap: var(--vk-comp-stepper-step-gap);
    --p-stepper-step-header-gap: var(--vk-spacing-responsive-s);
    --p-stepper-step-title-active-color: var(--vk-comp-stepper-step-title-active-color);
    --p-stepper-step-number-border-color: var(--vk-comp-stepper-step-number-border-color);
    --p-stepper-step-number-active-border-color: var(--vk-comp-stepper-step-number-active-border-color);
    --p-stepper-step-number-color: var(--vk-comp-stepper-step-number-color);
    --p-stepper-step-number-active-color: var(--vk-comp-stepper-step-number-active-color);
    --p-stepper-step-number-size: var(--vk-comp-stepper-step-number-size);
    --p-stepper-step-number-font-size: var(--vk-comp-stepper-step-number-font-size);
    --p-stepper-step-number-font-weight: var(--vk-comp-stepper-step-number-font-weight);
    --p-stepper-step-number-shadow: none;
    --p-stepper-steppanels-padding: var(--vk-comp-stepper-steppanels-padding);
  }
  .p-stepper .p-steplist .p-step-header {
    display: flex;
  }
  .p-stepper .p-steplist .p-step-header .p-step-title {
    font: var(--vk-comp-stepper-step-title-font-style);
    color: var(--vk-comp-stepper-step-title-font-color);
    white-space: break-spaces;
    text-align: left;
    hyphens: auto;
  }
  .p-stepper .p-steplist .p-step-header .p-step-number {
    font: var(--vk-comp-stepper-step-title-font-style);
    color: var(--vk-comp-stepper-step-number-color);
    border-width: var(--vk-size-04);
  }
  .p-stepper .p-steplist .p-step {
    padding-right: var(--vk-spacing-responsive-s);
  }
  .p-stepper .p-steplist .p-step .p-step-number {
    background-color: transparent;
    border-color: var(--vk-comp-stepper-step-number-color);
  }
  .p-stepper .p-steplist .p-step-active .p-step-number {
    background-color: transparent;
    border-color: var(--vk-comp-stepper-step-number-color);
  }
  .p-stepper .p-steplist .p-step-active ~ .p-step .p-step-number {
    background-color: transparent;
    border-color: var(--vk-comp-stepper-step-number-border-color);
  }
  .p-stepper .p-stepitem .p-stepper-separator {
    background-color: var(--vk-comp-stepper-step-number-active-color);
  }
  .p-stepper .p-stepitem .p-step-number {
    background-color: transparent;
    border-color: var(--vk-comp-stepper-step-number-active-color);
    border-width: 4px;
    color: var(--vk-comp-stepper-step-number-color);
  }
  .p-stepper .p-stepitem .p-step {
    padding: var(--vk-comp-stepper-padding) 0;
  }
  .p-stepper .p-stepitem .p-steppanel {
    overflow: visible;
    margin-left: calc(var(--vk-comp-stepper-step-number-size) / 2 + var(--vk-size-04) / 2);
  }
  .p-stepper .p-stepitem .p-steppanel-content {
    margin-inline-start: calc(var(--vk-spacing-responsive-s) + 1.125rem);
  }
  .p-stepper .p-stepitem .p-step-title {
    font: var(--vk-comp-stepper-step-title-font-style);
    color: var(--vk-comp-stepper-step-title-font-color);
    white-space: break-spaces;
    text-align: left;
    hyphens: auto;
  }
  .p-stepper .p-stepitem:last-of-type .p-steppanel {
    padding-inline-start: var(--vk-comp-stepper-step-number-border-size);
  }
  .p-stepper .p-stepitem[data-p-active=true] ~ .p-stepitem .p-step-number {
    background-color: transparent;
    border-color: var(--vk-comp-stepper-step-number-border-color);
  }
  .p-stepper .p-stepitem[data-p-active=true] .p-steppanel-content {
    margin-bottom: var(--vk-size-32);
  }
  .p-stepper .p-stepitem[data-p-active=true] .p-step-active .p-step-number {
    background-color: transparent;
    border-color: var(--vk-comp-stepper-step-number-active-border-color);
  }
  .p-stepper .p-steppanel-content {
    hyphens: auto;
    white-space: normal;
  }
  .p-tabs {
    --p-tabs-transition-duration: 0;
    --p-tabs-tablist-background: var(--vk-comp-tabs-background-color);
    --p-tabs-tab-background: var(--vk-comp-tabs-tabmenu-background-color);
    --p-tabs-tab-active-background: transparent;
    --p-tabs-tab-border-width: var(--vk-comp-tabs-tab-border-bottom-width);
    --p-tabs-tab-hover-border-color: var(--vk-comp-tabs-border-color-hover);
    --p-tabs-tab-active-border-color: var(--vk-comp-tabs-border-color);
    --p-tabs-tab-color: var(--vk-comp-tabs-font-color);
    --p-tabs-tab-focus-ring-color: var(--vk-comp-tabs-border-color-focus);
    --p-tabs-tab-hover-color: var(--vk-comp-tabs-border-color-hover);
    --p-tabs-tab-active-color: var(--vk-comp-tabs-font-color-active);
    --p-tabs-tab-padding: var(--vk-comp-tabs-spacing);
    --p-tabs-tabpanel-background: transparent;
    --p-tabs-tabpanel-padding: var(--oev-ref-size-24) var(--oev-ref-size-16) var(--oev-ref-size-16) var(--oev-ref-size-16);
  }
  .p-tabs .p-tablist-tab-list {
    border-bottom: var(--vk-size-02) solid var(--vk-comp-tabs-border-color);
  }
  .p-tabs .p-tablist-tab-list .p-tab {
    font: var(--vk-comp-tabs-font-style);
    border-left: none;
    border-right: none;
    border-top: none;
    border-color: transparent;
    transition: none;
  }
  .p-tabs .p-tablist-tab-list .p-tab.p-ripple {
    overflow: visible;
  }
  .p-tabs .p-tablist-tab-list .p-tab:hover {
    background-color: var(--vk-comp-tabs-tab-background-hover);
  }
  .p-tabs .p-tablist-tab-list .p-tab-active::after {
    content: "";
    position: absolute;
    bottom: calc((var(--vk-comp-tabs-tab-arrow-height) + var(--vk-comp-tabs-tab-border-bottom-width) - var(--vk-comp-tabs-border-bottom-width)) * -1);
    left: 50%;
    transform: translateX(-50%);
    border-left: var(--vk-comp-tabs-tab-arrow-width) solid transparent;
    border-right: var(--vk-comp-tabs-tab-arrow-width) solid transparent;
    border-top: var(--vk-comp-tabs-tab-arrow-height) solid var(--vk-comp-tabs-border-color-active);
  }
  .p-tabs .p-tablist-tab-list .p-tab.p-tab-active {
    border-color: var(--vk-comp-tabs-border-color-active);
  }
  .p-tabs .p-tablist-tab-list .p-tab.p-tab-active .pi {
    color: var(--vk-comp-tabs-tabmenu-icon-color-active);
  }
  .p-tabs .p-tablist-tab-list .p-tab:not(.p-tab-active):hover {
    border-color: var(--vk-comp-tabs-border-color-hover);
  }
  .p-tabs .p-tablist-tab-list .p-tablist-active-bar {
    height: 0;
    background: none;
    transition: none;
  }
  p-tabs.stretch-tabs .p-tablist-tab-list {
    display: flex;
  }
  p-tabs.stretch-tabs .p-tab {
    justify-content: center;
    flex-grow: 1;
  }
  p-tabs.tab-menu .p-tablist-tab-list {
    border-bottom: var(--vk-size-02) solid var(--vk-comp-tabs-border-color);
  }
  p-tabs.tab-menu .p-tablist-tab-list .p-tab {
    bottom: -1px;
  }
  p-tabs.tab-menu .p-tablist-tab-list .p-tab .pi {
    color: var(--vk-comp-tabs-tabmenu-icon-color);
    padding-right: var(--vk-comp-tabs-icon-spacing);
  }
  p-tabs.tab-menu .p-tablist-tab-list .p-tab:focus-visible {
    border-radius: var(--vk-comp-tabs-border-radius-focus) var(--vk-comp-tabs-border-radius-focus) 0 0;
    border-color: var(--vk-comp-tabs-border-color-focus);
  }
  p-tabs.tab-menu .p-tablist-tab-list .p-tab:not(.p-tab-active):hover {
    color: var(--vk-comp-tabs-font-color-hover);
  }
  p-tabs.tab-menu .p-tablist-tab-list .p-tab-active::after {
    content: unset;
  }
}
@layer primeng, dxp-primeng;
@layer primeflex, primeicons, primeng, dxp-primeng, kundenportal;
@layer primeicons;
@layer primeflex;
inv-version {
  display: block;
  margin-top: 1em;
}

/* angular:styles/global:vkb.bundle */