﻿:root {
  --bs-font-sans-serif: "Roboto", sans-serif;
  --bs-body-color: #000000;
  --bs-link-color-rgb: 0,0,0;
  --bs-link-hover-color-rgb: 0,0,0;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-font-weight: 300;
  --bs-btn-letter-spacing: 0.088rem;
  --bs-btn-border-radius: 10px;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: #000000;
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #000000;
  --bs-btn-padding-x: 1.2rem;
  --bs-btn-padding-y: 1.2rem;
  --bs-btn-width: 400px;
  --jab-global-transition-time: 0.4s;
  --jab-global-transition-blur: 2px;
  --jab-global-transition-brightness: 0.5;
  --jab-ci-text: #ffffff;
  --jab-ci-background: #1c1f2a;
  --jab-ci-height: 30px;
  --jab-main-text: #000000;
  --jab-main-background: #ffffff;
  --jab-main-height: 100px;
  --jab-side-width: 460px;
  --jab-sub-width: 1440px;
  --jab-sub-small-width: 1024px;
  --jab-sub-margin: 3rem;
  --jab-sub-topspacing: 10px;
  --jab-main-search-width: 300px;
  --jab-main-search-placeholder-color: #858585;
  --jab-footer-background: #F5F5F5;
  --jab-footer-text: #000000;
  --jab-zindex-cibar: 175;
  --jab-zindex-sidepopup: 150;
  --jab-zindex-menu: 125;
  --jab-zindex-submenu: 100;
  --jab-zindex-error: 155;
  --bs-danger: #DD1F4C;
  --bs-danger-rgb: 221, 31, 76;
  --bs-success: #198754;
  --bs-success-rgb: 25, 135, 84;
  --bs-info: #000000;
  --bs-info-rgb: 0, 0, 0;
  --bs-icon-link-transform: translate3d(0, -.125rem, 0);
}
* {
  touch-action: manipulation;
}
#jab_ibounce {
  background-color: var(--jab-ci-background);
  height: 400px;
  z-index: 255;
  top: -400px;
}
h1 {
  font-family: var(--bs-font-sans-serif);
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 4.4px;
  text-transform: uppercase;
  color: #000000;
}
h2 {
  font-family: var(--bs-font-sans-serif);
  font-weight: 300;
  font-size: 18px;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #000000;
}
h3 {
  font-family: var(--bs-font-sans-serif);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #000000;
}
h4 {
  font-family: var(--bs-font-sans-serif);
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 1.4px;
  text-transform: none;
  color: #000000;
}
h5 {
  font-family: var(--bs-font-sans-serif);
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #000000;
}
p, input, 
.jab-paragraphcomponent ul, .jab-paragraphcomponent li,
.jab-mediaparagraphcomponent ul, .jab-mediaparagraphcomponent li,
.jab-dynamicblogcomponent ul, .jab-dynamicblogcomponent li,
.jab-dynamicteasercomponent ul, .jab-dynamicteasercomponent li,
.jab-dynamicpicturecomponent ul, .jab-dynamicpicturecomponent li,
.jab-dynamicinspirationcomponent ul, .jab-dynamicinspirationcomponent li,
.jab-dynamicvideoblogcomponent ul, .jab-dynamicvideoblogcomponent li,
.jab-dynamicvideopictureblogcomponent ul, .jab-dynamicvideopictureblogcomponent li,
.jab-dynamicvideocomponent ul, .jab-dynamicvideocomponent li,
.jab-dynamicgooglemapscomponent ul, .jab-dynamicgooglemapscomponent li {
  font-family: var(--bs-font-sans-serif);
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1.4px;
  text-transform: none;
  color: #000000;
}
small, .small {
  font-family: var(--bs-font-sans-serif);
  font-weight: 300;
  font-size: 10px;
  letter-spacing: 1.0px;
  text-transform: none;
  color: #000000;
}
label {
  font-family: var(--bs-font-sans-serif);
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1.4px;
  text-transform: none;
  color: #858788;
}
a {
  text-decoration-thickness: 1px;
}

a:hover.jab-hover p, a:hover.jab-hover small {
  font-weight: 700;
}

.jab-error .text-white a {
	--bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

b, strong {
  font-weight: bold;
}
.jab-icon-disabled {
  filter: invert(100%) brightness(0.5);
}
.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #F8F8F8;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(125deg, #000 65%, rgba(0, 0, 0, 0.6) 75%, #000 85%);
  mask-image: linear-gradient(125deg, #000 65%, rgba(0, 0, 0, 0.6) 75%, #000 85%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 1s linear infinite;
}
.cursor-wait {
  cursor: wait;
}
@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.jab-color-858788, .jab-color-858788 p {
  color: #858788;
  border-color: #858788;
}
.jab-bg-color-dddddd {
  background-color: #dddddd;
}
.jab-bg-color-fafafa {
  background-color: #fafafa;
}
.jab-popup-heading {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 3.6px;
  text-transform: uppercase;
  color: #000000;
}
#jab_overlay {
  transition: all var(--jab-global-transition-time);
  z-index: -1;
}
.btn {
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  letter-spacing: var(--bs-btn-letter-spacing);
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  border-radius: 0;
  transition: border-radius var(--jab-global-transition-time) ease-out;
  width: 400px;
  max-width: 100%;
}
.btn-primary {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
}
.btn-secondary {
  color: var(--bs-btn-bg);
  background-color: transparent;
}
.btn-tertiary {
  font-size: 10px;
  color: var(--bs-btn-bg);
  background-color: transparent;
  border-radius: 20px;
  width: unset;
  max-width: unset;
  padding: 0.5rem 0.7rem;
  transition: all var(--jab-global-transition-time) ease-out;
}
.btn:hover {
  border-radius: var(--bs-btn-border-radius);
}
.btn:disabled {
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  color: #818A9A;
  border-radius: 0;
}
.btn-tertiary:hover {
  border-radius: 20px;
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
}
.btn-tertiary:hover i {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
input[type=radio], input[type=checkbox] {
  width: 1rem;
  height: 1rem;
  border: 1px solid var(--jab-main-text);
  border-radius: 4px;
  appearance: none;
}
input[type=checkbox] {
  border-radius: 8px;
}
input:checked[type=radio], input:checked[type=checkbox] {
  background-color: var(--jab-main-text);
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
input:checked + label {
    font-weight: 700!important;
}
select {
  height: 68px;
  padding-left: 20px;
  border-radius: 1px;
  background-image: url("../../../jab/img/icons/icon-arrow-down-1.svg");
  background-repeat: no-repeat;
  background-position: right 20px top 50%;
  background-size: 14px auto;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.088rem;
  background-color: transparent;
  cursor: pointer;
}
select:focus-visible {
  outline: none;
}
select option {
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.088rem;
}
input {
  border: unset;
  outline: unset;
  border-bottom: 1px solid #858788;
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.088rem;
  color: var(--jab-main-text);
  background: transparent;
}
input:focus {
  border-color: #000000;
}
label  {
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.088rem;
}
.jab_form label {
  display: block;
  transform: translate(0, -2.75rem);
  color: #858788;
  cursor: auto;
}
@supports (not (-ms-ime-align:auto)) {
  .jab_form label {
    transform: translate(0.25rem, -1.5rem);
    transition: all var(--jab-global-transition-time) ease-out;
  }
  .jab_form input:focus + label, .jab_form input:not(:placeholder-shown) + label {
    transform: translate(0, -3rem);
    font-size: 0.625rem;
    font-weight: 300;
    letter-spacing: 0.063rem;
  }

}
textarea {
  padding: 10px;
  outline: unset;
  border: 1px solid #858788;
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.088rem;
  color: var(--jab-main-text);
}
textarea:focus {
  border-color: #000000;
}
.jab_textarea_label {
  font-size: 0.625rem;
  font-weight: 300;
  letter-spacing: 0.063rem;
}
.jab_select {
  border: unset;
  border-bottom: 1px solid #858788;
  height: 42px;
  padding-left: 10px;
  background-size: 8px auto;
}
select + label {
  font-size: 0.625rem;
  font-weight: 300;
  letter-spacing: 0.063rem;
  transform: translate(0rem, -3.2rem);
}
select:has(option:disabled:checked[hidden]) + label {
  font-size: 0.875rem;
  font-weight: 300;
  letter-spacing: 0.088rem;
  color: #858788;
  transform: translate(6px, -26px); 
}
.jab_formholder {
  height: 48px;
}
.jab_confirm label {
  transform: unset !important;
}
.jab_confirm input:checked + label {
  font-weight: 300!important;
}
#jab_loading {
  z-index: -1;
}
.jab_loading #jab_loading, .jab_component_loading {
  background: rgba(0, 0, 0, 0.5);
  z-index: 200;
}
.jab_component_loading {
  background: rgba(255, 255, 255, 0.5);
}
.jab_loading #jab_loading .spinner, .jab_component_loading .spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #fff;
  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
.jab_component_loading .spinner {
  background-color: #000;
}
@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}
.jab_favicon .favourit-filled, .jab-favicon .favourit-filled {
  -webkit-filter: invert(100%) brightness(0.3) sepia(1) hue-rotate(300deg) saturate(5);;
  filter: invert(100%) brightness(0.3) sepia(1) hue-rotate(300deg) saturate(5);;
}
.ui-tooltip::before {
  color: var(--jab-main-background);
  left: calc(50% - 8px);
  position: absolute;
  bottom: -8px;
  content: "";
  border-top: 0;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid;
  border-left: 0.5rem solid transparent;
}
.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 10px #858788 !important;
  box-shadow: 0px 0px 10px #858788 !important;
}
.ui-tooltip .ui-tooltip-content {
  font-family: var(--bs-font-sans-serif);
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1.4px;
  color: #000000;
}
.ui-tooltip {
  white-space: pre-line;
}
/* START Old Content in new Component - Fixes START */
.jab-paragraphcomponent img {
  width: 100%;
}
.jab-paragraphcomponent .jab-btn {
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  letter-spacing: var(--bs-btn-letter-spacing);
  border: none;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  border-radius: 0;
  transition: border-radius var(--jab-global-transition-time) ease-out;
  width: 400px;
  max-width: 100%;
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  text-decoration: none;
  margin-top: 3rem;
  text-transform: uppercase;
  display: inline-block;
}
.jab-paragraphcomponent .jab-btn:hover {
  border-radius: var(--bs-btn-border-radius);
}
/* END Old Content in new Component - Fixes END */

.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

@media (min-width: 576px) {
  .border-sm-none {
    border: unset!important;
  }
}
@media (min-width: 768px) {
  .border-md-none {
    border: unset!important;
  }
}
@media (min-width: 992px) {
  .border-lg-none {
    border: unset!important;
  }
}
@media (min-width: 1200px) {
  .border-xl-none {
    border: unset!important;
  }
}
@media (min-width: 1400px) {
  .border-xxl-none {
    border: unset!important;
  }
}
.border-bottom-double {
  border-bottom-style: double !important;
}