/* Version 168: retain the shared visuals and extend the quiet glass surfaces. */

/* Remove the lower optical bias without changing the ribbon or its track. */
html body .wp-packages .cmp-ribbon-reference .cmp-ribbon-group button {
  padding: calc(2 * var(--st-display-unit, 1px)) calc(25 * var(--st-display-unit, 1px)) 0;
}

/* Related glass surfaces, with a separate composition for each benefit.
   Only the existing background layer is painted; icons and copy keep their
   current stacking, movement and interaction. */
html body.st-home :is(#transparenz, #anfragen).st-benefit {
  background: radial-gradient(ellipse at 8% 95%, rgb(212 246 236 / .17), transparent 45%),
    linear-gradient(142deg, #f0f6fb, #f6faff 48%, #edf5fc);
  border-color: rgb(215 231 243 / .88);
  box-shadow: 0 18px 54px rgb(44 81 110 / .065), inset 0 1px 0 rgb(255 255 255 / .85);
}
html body.st-home :is(#transparenz, #anfragen).st-benefit::before {
  background: none;
}
html body.st-home :is(#transparenz, #anfragen) > .st-panel-light {
  display: none;
}
html body.st-home :is(#transparenz, #anfragen) > .st-panel-surface {
  background: transparent;
  overflow: hidden;
}
html body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::before,
html body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::after {
  content: "";
  position: absolute;
  pointer-events: none;
  margin: 0;
  border: calc(1 * var(--st-display-unit, 1px)) solid rgb(255 255 255 / .94);
  border-radius: calc(52 * var(--st-display-unit, 1px));
  box-shadow: 0 16px 36px rgb(56 94 121 / .07), inset 0 1px 0 rgb(255 255 255 / .86);
}
html body.st-home #transparenz > .st-panel-surface::before {
  inset: -42% auto auto -10%;
  width: 67%;
  height: 154%;
  transform: rotate(-14deg);
  background: linear-gradient(135deg, rgb(255 255 255 / .95), rgb(249 253 255 / .64));
}
html body.st-home #transparenz > .st-panel-surface::after {
  inset: 44% -12% auto auto;
  width: 74%;
  height: 126%;
  transform: rotate(12deg);
  background: linear-gradient(145deg, rgb(255 255 255 / .86), rgb(231 244 255 / .5));
}
html body.st-home #anfragen > .st-panel-surface::before {
  inset: 46% auto auto -16%;
  width: 66%;
  height: 146%;
  transform: rotate(13deg);
  background: linear-gradient(135deg, rgb(255 255 255 / .92), rgb(235 247 255 / .58));
}
html body.st-home #anfragen > .st-panel-surface::after {
  inset: -44% -4% auto auto;
  width: 77%;
  height: 133%;
  transform: rotate(-11deg);
  background: linear-gradient(145deg, rgb(255 255 255 / .94), rgb(249 253 255 / .63));
}
html[data-theme=dark] body.st-home :is(#transparenz, #anfragen).st-benefit {
  background: radial-gradient(ellipse at 8% 95%, rgb(48 101 111 / .1), transparent 45%),
    linear-gradient(142deg, #142232, #172a3c 48%, #112032);
  border-color: rgb(143 187 222 / .22);
  box-shadow: 0 18px 54px rgb(0 7 18 / .18), inset 0 1px 0 rgb(210 235 255 / .1);
}
html[data-theme=dark] body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::before,
html[data-theme=dark] body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::after {
  border-color: rgb(207 234 255 / .13);
  box-shadow: 0 16px 36px rgb(0 7 18 / .19), inset 0 1px 0 rgb(214 239 255 / .08);
}
html[data-theme=dark] body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::before {
  background: linear-gradient(135deg, rgb(103 156 202 / .12), rgb(44 81 115 / .08));
}
html[data-theme=dark] body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::after {
  background: linear-gradient(145deg, rgb(82 135 182 / .1), rgb(24 57 88 / .18));
}
@media (max-width: 767px) {
  html body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::before,
  html body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::after {
    border-radius: calc(38 * var(--st-display-unit, 1px));
    box-shadow: 0 10px 28px rgb(56 94 121 / .07), inset 0 1px 0 rgb(255 255 255 / .7);
  }
  html body.st-home #transparenz > .st-panel-surface::before {
    inset: -12% auto auto -36%;
    width: 141%;
    height: 57%;
    transform: rotate(-12deg);
  }
  html body.st-home #transparenz > .st-panel-surface::after {
    inset: 62% -32% auto auto;
    width: 134%;
    height: 50%;
    transform: rotate(11deg);
  }
  html body.st-home #anfragen > .st-panel-surface::before {
    inset: 61% auto auto -30%;
    width: 132%;
    height: 54%;
    transform: rotate(12deg);
  }
  html body.st-home #anfragen > .st-panel-surface::after {
    inset: -17% -38% auto auto;
    width: 145%;
    height: 58%;
    transform: rotate(-10deg);
  }
  html[data-theme=dark] body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::before,
  html[data-theme=dark] body.st-home :is(#transparenz, #anfragen) > .st-panel-surface::after {
    box-shadow: 0 10px 28px rgb(0 7 18 / .17), inset 0 1px 0 rgb(214 239 255 / .08);
  }
}
@media (max-width: 767px) {
  html body .wp-packages .cmp-ribbon-reference .cmp-ribbon-group button {
    padding: calc(1 * var(--st-display-unit, 1px)) calc(18 * var(--st-display-unit, 1px)) 0;
  }
}

/* Animate the lens and handle together; the chart remains stationary.
   The comparison's existing observer and global motion pause control this. */
.cmp-vector-magnifier > g:last-of-type {
  transform-box: view-box;
  transform-origin: 226px 250px;
  animation: st-magnifier-breathe-167 2.6s ease-in-out infinite;
  animation-play-state: paused;
}
.cmp-intro.is-in-view .cmp-vector-magnifier > g:last-of-type {
  animation-play-state: running;
}
.cmp-intro.is-paused .cmp-vector-magnifier > g:last-of-type,
body.st-motion-paused .cmp-vector-magnifier > g:last-of-type {
  animation-play-state: paused !important;
}
@keyframes st-magnifier-breathe-167 {
  0%, 100% { transform: translate(4px, 3px) rotate(-1deg); }
  50% { transform: translate(-16px, -12px) rotate(5deg); }
}
@media (prefers-reduced-motion: reduce) {
  .cmp-vector-magnifier > g:last-of-type {
    animation: none !important;
    transform: none;
  }
}

/* A single translucent surface: avoid an inherited second painted panel. */
html body footer.st-footer-v29 {
  --st-footer-ink-166: #132d3d;
  --st-footer-muted-166: #344e60;
  background: transparent;
  color: var(--st-footer-ink-166);
}
html body footer.st-footer-v29 .st-footer-surface {
  background: linear-gradient(118deg, rgb(250 255 255 / .23), rgb(215 236 248 / .18));
  border-color: rgb(255 255 255 / .66);
  box-shadow: 0 20px 65px rgb(22 48 66 / .1), inset 0 1px 0 rgb(255 255 255 / .65), inset 0 -1px 0 rgb(148 183 203 / .12);
  -webkit-backdrop-filter: blur(28px) saturate(1.08);
  backdrop-filter: blur(28px) saturate(1.08);
  color: var(--st-footer-ink-166);
}
html body footer.st-footer-v29 .st-footer-surface > .st-panel-surface {
  background: transparent;
}
html body footer.st-footer-v29 .st-footer-surface::before,
html body footer.st-footer-v29 .st-footer-surface::after {
  display: none;
}
html body .st-footer-stage footer.st-footer-v29::before {
  display: block;
  background: rgb(248 253 255 / .08);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  opacity: var(--footer-backdrop-opacity, 0);
}
html body footer.st-footer-v29 :is(.st-footer-glass-column h3, .st-footer-glass-brand .brand) {
  color: var(--st-footer-ink-166);
}
html body footer.st-footer-v29 :is(.st-footer-glass-column nav a, .st-footer-base, .st-footer-glass-hours, .st-footer-glass-brand p) {
  color: var(--st-footer-muted-166);
}
html body footer.st-footer-v29 :is(.st-footer-glass-head, .st-footer-glass-column, .st-footer-base) {
  border-color: rgb(112 151 173 / .23);
}
html[data-theme=dark] body footer.st-footer-v29 {
  --st-footer-ink-166: #eff8ff;
  --st-footer-muted-166: #c5d7e5;
}
html[data-theme=dark] body footer.st-footer-v29 .st-footer-surface {
  background: linear-gradient(118deg, rgb(12 29 44 / .32), rgb(25 47 65 / .26));
  border-color: rgb(192 227 250 / .24);
  box-shadow: 0 20px 65px rgb(0 7 15 / .18), inset 0 1px 0 rgb(219 243 255 / .2), inset 0 -1px 0 rgb(176 222 247 / .06);
  -webkit-backdrop-filter: blur(28px) saturate(.94);
  backdrop-filter: blur(28px) saturate(.94);
  color: var(--st-footer-ink-166);
}
html[data-theme=dark] body .st-footer-stage footer.st-footer-v29::before {
  background: rgb(3 13 24 / .1);
}
html[data-theme=dark] body footer.st-footer-v29 :is(.st-footer-glass-column h3, .st-footer-glass-brand .brand) {
  color: var(--st-footer-ink-166);
}
html[data-theme=dark] body footer.st-footer-v29 :is(.st-footer-glass-column nav a, .st-footer-base, .st-footer-glass-hours, .st-footer-glass-brand p) {
  color: var(--st-footer-muted-166);
}
html[data-theme=dark] body footer.st-footer-v29 :is(.st-footer-glass-head, .st-footer-glass-column, .st-footer-base) {
  border-color: rgb(179 213 235 / .2);
}
@media (max-width: 767px) {
  html body footer.st-footer-v29 .st-footer-surface,
  html[data-theme=dark] body footer.st-footer-v29 .st-footer-surface {
    -webkit-backdrop-filter: blur(20px) saturate(1);
    backdrop-filter: blur(20px) saturate(1);
  }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  html body footer.st-footer-v29 .st-footer-surface {
    background: rgb(241 249 253 / .94);
  }
  html[data-theme=dark] body footer.st-footer-v29 .st-footer-surface {
    background: rgb(15 31 45 / .96);
  }
}

/* One native icon family for foreground cards and their existing floaters. */
html body :is(#transparenz, #anfragen) .st-benefit-icon-166 {
  --st-icon-ink-166: #087963;
  --st-icon-accent-166: #078ccc;
  stroke: var(--st-icon-ink-166);
  stroke-width: 2.45;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
html[data-theme=dark] body :is(#transparenz, #anfragen) .st-benefit-icon-166 {
  --st-icon-ink-166: #74e6ca;
  --st-icon-accent-166: #8bd9ff;
}
/* The foreground cards remain pale in dark mode; keep their strokes deep. */
html[data-theme=dark] body :is(#transparenz, #anfragen) .st-benefit-cards .st-benefit-icon-166 {
  --st-icon-ink-166: #087963;
  --st-icon-accent-166: #078ccc;
}
.st-benefit-icon-166 .st-icon-accent { stroke: var(--st-icon-accent-166); }
.st-benefit-icon-166 .st-icon-depth { stroke: var(--st-icon-ink-166); opacity: .16; }
.st-benefit-icon-166 .st-icon-wash { fill: var(--st-icon-ink-166); fill-opacity: .07; stroke: none; }
.st-benefit-icon-166 .st-icon-accent-wash { fill: var(--st-icon-accent-166); fill-opacity: .12; stroke: none; }
.st-benefit-icon-166 .st-icon-edge { stroke: #fff; stroke-opacity: .55; stroke-width: 1.15; }
html body :is(#transparenz, #anfragen) .st-benefit-floaters .st-benefit-icon-166 {
  stroke-width: 1.9;
}


/* Version 167: emphasize the actual call link and its native phone glyph. */
html body footer.st-footer-v29 .st-footer-glass-phone {
  color: #008f68;
  font-weight: 850;
  text-decoration-color: currentColor;
  text-decoration-thickness: calc(2 * var(--st-display-unit, 1px));
}
html body footer.st-footer-v29 .st-footer-glass-phone-icon {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: #008f68;
}
html body footer.st-footer-v29 .st-footer-glass-phone-icon svg {
  width: calc(25 * var(--st-display-unit, 1px));
  height: calc(25 * var(--st-display-unit, 1px));
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
}
html[data-theme=dark] body footer.st-footer-v29 .st-footer-glass-phone,
html[data-theme=dark] body footer.st-footer-v29 .st-footer-glass-phone-icon {
  color: #5df4bd;
}
html body footer.st-footer-v29 .st-footer-glass-phone:is(:hover, :focus-visible) {
  color: #007d5b;
}
html[data-theme=dark] body footer.st-footer-v29 .st-footer-glass-phone:is(:hover, :focus-visible) {
  color: #a1ffda;
}

/* Quiet overlapping glass planes for the existing inclusions section.
   The heading, curved check and table stay in their original document flow. */
html body.st-home .st-inclusions-065 .cmp-included {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  --cmp-ink: #163244;
  --cmp-muted: #526a7b;
  --cmp-line: #d9e6ef;
  color: var(--cmp-ink);
  background: linear-gradient(142deg, #f0f6fb, #f6faff 48%, #edf5fc);
  border-color: rgb(215 231 243 / .88);
  box-shadow: 0 18px 54px rgb(44 81 110 / .065), inset 0 1px 0 rgb(255 255 255 / .85);
}
html body.st-home .st-inclusions-065 .cmp-included::before,
html body.st-home .st-inclusions-065 .cmp-included::after {
  content: "";
  position: absolute;
  z-index: -1;
  pointer-events: none;
  margin: 0;
  border: calc(1 * var(--st-display-unit, 1px)) solid rgb(255 255 255 / .94);
  border-radius: calc(52 * var(--st-display-unit, 1px));
  box-shadow: 0 16px 36px rgb(56 94 121 / .07), inset 0 1px 0 rgb(255 255 255 / .86);
}
html body.st-home .st-inclusions-065 .cmp-included::before {
  inset: -24% auto auto -7%;
  width: 69%;
  height: 103%;
  transform: rotate(-13deg);
  background: linear-gradient(135deg, rgb(255 255 255 / .95), rgb(249 253 255 / .64));
}
html body.st-home .st-inclusions-065 .cmp-included::after {
  inset: 26% -8% auto auto;
  width: 73%;
  height: 115%;
  transform: rotate(11deg);
  background: linear-gradient(145deg, rgb(255 255 255 / .86), rgb(231 244 255 / .5));
}
html body.st-home .st-inclusions-065 .cmp-included-table tr {
  border-color: rgb(155 185 207 / .28);
}
html body.st-home .st-inclusions-065 .cmp-included-table th {
  color: #183344;
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included {
  --cmp-ink: #eaf4fd;
  --cmp-muted: #aec4d6;
  --cmp-line: #33475a;
  background: linear-gradient(142deg, #142232, #172a3c 48%, #112032);
  border-color: rgb(143 187 222 / .22);
  box-shadow: 0 18px 54px rgb(0 7 18 / .18), inset 0 1px 0 rgb(210 235 255 / .1);
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included::before,
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included::after {
  border-color: rgb(207 234 255 / .13);
  box-shadow: 0 16px 36px rgb(0 7 18 / .19), inset 0 1px 0 rgb(214 239 255 / .08);
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included::before {
  background: linear-gradient(135deg, rgb(103 156 202 / .12), rgb(44 81 115 / .08));
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included::after {
  background: linear-gradient(145deg, rgb(82 135 182 / .1), rgb(24 57 88 / .18));
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included-table tr {
  border-color: rgb(165 203 232 / .18);
}
html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included-table th {
  color: #e7f1fa;
}
@media (max-width: 767px) {
  html body.st-home .st-inclusions-065 .cmp-included::before,
  html body.st-home .st-inclusions-065 .cmp-included::after {
    border-radius: calc(38 * var(--st-display-unit, 1px));
    box-shadow: 0 10px 28px rgb(56 94 121 / .07), inset 0 1px 0 rgb(255 255 255 / .7);
  }
  html body.st-home .st-inclusions-065 .cmp-included::before {
    inset: 4% auto auto -42%;
    width: 147%;
    height: 34%;
    transform: rotate(-14deg);
  }
  html body.st-home .st-inclusions-065 .cmp-included::after {
    inset: 59% -39% auto auto;
    width: 143%;
    height: 39%;
    transform: rotate(12deg);
  }
  html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included::before,
  html[data-theme=dark] body.st-home .st-inclusions-065 .cmp-included::after {
    box-shadow: 0 10px 28px rgb(0 7 18 / .17), inset 0 1px 0 rgb(214 239 255 / .08);
  }
}