/* -------------------------------- variables ------------------------------- */
:root {
  /* -------------------------------- services -------------------------------- */
  --card-12-services-height: 16rem;
  --card-12-services-pt: 1.5rem;
  --card-12-services-pb: 1.9rem;
  --card-12-services-padding-vertical: 2rem;
  --card-12-icon-mb: 3rem;
  /* ------------------------------- added-value ------------------------------ */
  --card-12-added-value-height: 11.58rem;
  /* --------------------------------- global --------------------------------- */
  --card-12-icon-dimension: 3.5rem;
}

/* -------------------------------- generall -------------------------------- */
/* ------------------------------ service-card ------------------------------ */
#Wrapper .wso-service-slider .wpgb-card-12 .wpgb-block-1,
#Wrapper .wpgb-card-19 .wpgb-block-1 {
  height: 100% !important;
}
#Wrapper .wso-service-slider .wpgb-card-12 .wpgb-block-1 .wso-card-wrapper,
#Wrapper .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper {
  display: flex;
  flex-direction: column;
  min-height: var(--card-12-services-height);
  height: 100%;
  padding: var(--card-12-services-pt) var(--card-12-services-padding-vertical) var(--card-12-services-pb) var(--card-12-services-padding-vertical);
}
.wso-card-wrapper {
    /* ----------------------------------- var ---------------------------------- */
    --stars-size: 1.25rem;
    --stars-max: 5;
    --stars-color-empty: #00000025;
    --stars-color-fill: var(--kitz-primary);
    --stars-gap: 0;
}

.wso-card-wrapper.wso-vienna {
    --stars-color-fill: white;
    --stars-color-empty: #ffffff25;
}

.wso-stars {
    --rating: 0;
    display: inline-block;
    line-height: 1;
    font-size: var(--stars-size);
    font-family: Times, "Times New Roman", serif;
    margin-bottom: .96rem !important;
}

/* Wert je Klasse (0,5-Schritte) */
.wso-stars.is-05 { --rating: 0.5; }
.wso-stars.is-1  { --rating: 1; }
.wso-stars.is-15 { --rating: 1.5; }
.wso-stars.is-2  { --rating: 2; }
.wso-stars.is-25 { --rating: 2.5; }
.wso-stars.is-3  { --rating: 3; }
.wso-stars.is-35 { --rating: 3.5; }
.wso-stars.is-4  { --rating: 4; }
.wso-stars.is-45 { --rating: 4.5; }
.wso-stars.is-5  { --rating: 5; }

.wso-stars::before {
    content: "\2605\2605\2605\2605\2605";
    background: linear-gradient(
        90deg,
        var(--stars-color-fill) calc(var(--rating) / var(--stars-max) * 100%),
        var(--stars-color-empty) calc(var(--rating) / var(--stars-max) * 100%)
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
#Wrapper .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper.wso-vienna a::before {
  background: white !important;
}
#Wrapper .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper.wso-vienna a {
  color: white !important;
}
#Wrapper .wpgb-card-19 .wpgb-block-1 a {
  position: relative;
  font-family: var(--font-3-bold) !important;
  font-size: var(--footer-page-link-fs) !important;
  font-weight: var(--footer-page-link-fw) !important;
  line-height: var(--footer-page-link-lh) !important;
  letter-spacing: var(--footer-page-link-ls) !important;
  text-transform: var(--footer-page-link-tt) !important;
  padding-right: var(--footer-page-link-pr);
  color: var(--kitz-primary) !important;
}
#Wrapper .wpgb-card-19 .wpgb-block-1 a::before {
  content: "";
  display: block;
  width: var(--footer-page-link-icon-width);
  height: var(--footer-page-link-icon-height);
  position: absolute;
  right: 0;
  top: 45%;
  transform: translateY(-50%);
  -webkit-mask: var(--footer-page-link-icon);
  mask: var(--footer-page-link-icon);
  transition: var(--transition-normal) ease-in-out;
  background: var(--kitz-primary) !important;
}
#Wrapper .wpgb-card-19 .wpgb-block-1 a:hover {
  text-decoration: unset !important;
}
#Wrapper .wpgb-card-19 .wpgb-block-1 a:hover::before {
  transform: translate(50%, -50%);
  transition: var(--transition-normal) ease-in-out;
}
#Wrapper #Content .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper .wso-title {
  width: calc(100% - 4rem);
  margin-bottom: 0 !important;
}
#Wrapper .wso-service-slider .wpgb-card-12 .wpgb-block-1 .wso-card-wrapper.wso-standard,
#Wrapper .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper.wso-standard {
  background-color: var(--kitz-secondary);
}
#Wrapper .wso-service-slider .wpgb-card-12 .wpgb-block-1 .wso-card-wrapper.wso-standard .wso-title,
#Wrapper .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper.wso-standard .wso-title {
  color: var(--kitz-primary) !important;
}
#Wrapper .wso-service-slider .wpgb-card-12 .wpgb-block-1 .wso-card-wrapper.wso-kitz,
#Wrapper .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper.wso-kitz {
  background-color: var(--kitz-secondary);
}
#Wrapper .wso-service-slider .wpgb-card-12 .wpgb-block-1 .wso-card-wrapper.wso-kitz .wso-title,
#Wrapper .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper.wso-kitz .wso-title {
  color: var(--kitz-primary) !important;
}
#Wrapper .wso-service-slider .wpgb-card-12 .wpgb-block-1 .wso-card-wrapper.wso-vienna,
#Wrapper .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper.wso-vienna {
  background-color: var(--vienna-primary);
}
#Wrapper .wso-service-slider .wpgb-card-12 .wpgb-block-1 .wso-card-wrapper.wso-vienna .wso-title,
#Wrapper .wso-service-slider .wpgb-card-12 .wpgb-block-1 .wso-card-wrapper.wso-vienna .wso-text,
#Wrapper .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper.wso-vienna .wso-title,
#Wrapper .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper.wso-vienna .wso-text {
  color: var(--color-white) !important;
}
#Wrapper .wso-service-slider .wpgb-card-12 .wpgb-block-1 .wso-card-wrapper .wso-svg-wrapper,
#Wrapper .wso-service-slider .wpgb-card-12 .wpgb-block-1 .wso-card-wrapper .wso-icon-placeholder,
#Wrapper .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper .wso-svg-wrapper,
#Wrapper .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper .wso-icon-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--card-12-icon-dimension);
  width: var(--card-12-icon-dimension);
  margin-bottom: var(--card-12-icon-mb) !important;
}
#Wrapper .wso-service-slider .wpgb-card-12 .wpgb-block-1 .wso-card-wrapper .wso-title,
#Wrapper .wpgb-card-19 .wpgb-block-1 .wso-card-wrapper .wso-title {
  font-weight: 600 !important;
  margin-bottom: 0.96rem !important;
}

/* ---------------------------- added-value card ---------------------------- */
#Wrapper .wso-grid-18 .wso-wrap-grid:not(.wso-service-slider) .wpgb-card-12 .wso-card-wrapper {
  min-height: var(--card-12-added-value-height);
  height: 100%;
  margin-right: 2rem !important;
}
#Wrapper .wso-grid-18 .wso-wrap-grid:not(.wso-service-slider) .wpgb-card-12 .wso-card-wrapper .wso-svg-wrapper {
  height: var(--card-12-icon-dimension);
  width: var(--card-12-icon-dimension);
  margin-bottom: 1.92rem !important;
}
#Wrapper .wso-grid-18 .wso-wrap-grid:not(.wso-service-slider) .wpgb-card-12 .wso-card-wrapper .wso-title {
  margin-bottom: 0.96rem !important;
}

@media only screen and (max-width: 767px) {
  /* -------------------------------- variables ------------------------------- */
  :root {
    /* -------------------------------- services -------------------------------- */
    --card-12-services-height: 17.77rem;
    --card-12-services-pt: 1.2rem;
    --card-12-services-pb: 1.2rem;
    --card-12-services-padding-vertical: 1.2rem;
    --card-12-icon-mb: 1.78rem;
    /* ------------------------------- added-value ------------------------------ */
    --card-12-added-value-height: 15.07rem;
    /* --------------------------------- global --------------------------------- */
    --card-12-icon-dimension: 3rem;
  }
  #Wrapper .wso-grid-18 .wso-wrap-grid:not(.wso-service-slider) .wpgb-viewport {
    width: 21rem !important;
  }
  #Wrapper .wso-grid-18 .wso-wrap-grid.wso-service-slider .wpgb-viewport {
    width: 23.9rem !important;
  }
  /* ------------------------------ service-card ------------------------------ */
  #Wrapper #Content .wpgb-card-12 .wpgb-block-1 .wso-card-wrapper .wso-title {
    -webkit-hyphens: auto !important;
    -ms-hyphens: auto !important;
    hyphens: auto !important;
  }
}