body.page-id-1195 #website-anfrage { scroll-margin-top: 1rem; }
body.page-id-1195 main a:focus-visible { outline: 3px solid #397697; outline-offset: 4px; }
#wo-selbstcheck,
#wo-selbstcheck *,
#wo-css-vergleich,
#wo-css-vergleich * { box-sizing: border-box; }
#wo-selbstcheck {
  width: 100%; min-width: 0; display: flex; flex-direction: column;
  gap: 1.5rem; padding: 2rem; border-radius: 1.25rem;
  background-color: #e5eff4; font-family: var(--format-font, sans-serif);
}
#wo-selbstcheck > h2 { display: block; margin: 0; font-size: 2.1rem; line-height: 1.18; color: #08263e; }
#wo-selbstcheck p { display: block; margin: 0; font-family: inherit; line-height: 1.75; color: #52657a; }
#wo-selbstcheck > p { font-size: 1rem; max-width: 65rem; }
#wo-selbstcheck [data-wo-layout] { display: grid; min-width: 0; padding: 0; gap: 1.5rem; grid-template-columns: minmax(0, 1fr); }
#wo-selbstcheck [data-wo-controls] { display: none; min-width: 0; padding: 0; flex-direction: column; gap: .9rem; }
#wo-selbstcheck [data-wo-controls] > p { font-size: .875rem; }
#wo-selbstcheck [role="group"] { display: flex; flex-direction: column; gap: .65rem; padding: 0; min-width: 0; }
#wo-selbstcheck [data-wo-results] { display: flex; flex-direction: column; gap: 1rem; min-width: 0; padding: 0; }
#wo-selbstcheck [data-wo-panel] {
  display: flex; flex-direction: column; min-width: 0; gap: 1rem;
  margin: 0; padding: 1.75rem; border: 1px solid #dde7ef;
  border-radius: 1rem; background-color: #fff;
}
#wo-selbstcheck [data-wo-panel] > p:first-child { font-size: .6875rem; letter-spacing: .12em; font-weight: 700; color: #064374; }
#wo-selbstcheck [data-wo-panel] h3 { display: block; margin: 0; font-size: 1.35rem; line-height: 1.3; color: #08263e; }
#wo-selbstcheck [data-wo-panel] > p { font-size: .9375rem; }
#wo-selbstcheck [data-wo-panel] > div { display: flex; flex-direction: column; gap: .8rem; padding: 0; min-width: 0; }
#wo-selbstcheck [data-wo-panel] > div > p { font-size: .875rem; line-height: 1.65; }
#wo-selbstcheck [data-wo-panel] strong { font-weight: 700; }
#wo-selbstcheck [data-wo-transfer] { align-self: flex-start; display: inline-flex; align-items: center; justify-content: center; min-height: 3.25rem; margin-top: .35rem; }
#wo-selbstcheck.wo-enhanced [data-wo-controls] { display: flex; }
#wo-selbstcheck.wo-enhanced [data-wo-layout] { grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr); align-items: start; }
#wo-selbstcheck.wo-enhanced [data-wo-results] { min-height: 25rem; }
#wo-selbstcheck [data-wo-panel][hidden] { display: none !important; }
#wo-selbstcheck [data-wo-choice] {
  width: 100%; min-height: 3.5rem; display: flex; align-items: center; justify-content: flex-start;
  margin: 0; padding: 1rem 1.1rem; border: 1px solid #dde7ef; border-radius: .75rem;
  background-color: #fff; color: #08263e; font-family: inherit; font-size: .9375rem;
  font-weight: 700; line-height: 1.45; text-align: left; cursor: pointer;
  transition: background-color .15s ease, color .15s ease;
}
#wo-selbstcheck [data-wo-choice]:hover { border-color: #064374; }
#wo-selbstcheck [data-wo-choice][aria-pressed="true"] { background-color: #064374; border-color: #064374; color: #fff; }
#wo-selbstcheck [data-wo-choice]:focus-visible { outline: 3px solid #397697; outline-offset: 3px; }
#wo-selbstcheck .wo-panel-enter { animation: wo-panel-enter-1198 .2s ease-out both; }
#website-praxis > div:last-child { align-items: start; }
#wo-css-vergleich { width: 100%; min-width: 0; display: flex; flex-direction: column; gap: 1.35rem; padding: 0; font-family: var(--format-font, sans-serif); }
#wo-css-vergleich p { display: block; margin: 0; font-family: inherit; line-height: 1.6; color: #52657a; }
#wo-css-vergleich > p:first-child { font-size: .6875rem; letter-spacing: .1em; font-weight: 700; color: #064374; }
#wo-css-vergleich > div { width: 100%; min-width: 0; padding: 0; display: flex; flex-direction: column; gap: .6rem; }
#wo-css-vergleich > div > div:first-child { display: flex; flex-direction: row; justify-content: space-between; align-items: baseline; gap: 1rem; min-width: 0; padding: 0; }
#wo-css-vergleich > div > div:first-child > p:first-child { font-size: .875rem; color: #08263e; }
#wo-css-vergleich > div > div:first-child > p:last-child { font-size: 1.35rem; line-height: 1.3; color: #08263e; }
#wo-css-vergleich > div > div:nth-child(2) { display: block; width: 100%; height: .9rem; min-width: 0; padding: 0; overflow: hidden; border-radius: .5rem; background-color: #e5eff4; }
#wo-css-vergleich > p:nth-of-type(2) { color: #064374; }
#wo-css-vergleich > p:nth-of-type(2) > strong { font-size: 2.25rem; line-height: 1.2; font-weight: 750; }
#wo-css-vergleich > p:last-child { font-size: .75rem; line-height: 1.6; }
#wo-css-vergleich [data-wo-bar] { display: block; width: 100%; height: 100%; min-width: 0; padding: 0; transform-origin: left center; }
#wo-css-vergleich [data-wo-bar="before"] { background-color: #93adbf; }
#wo-css-vergleich [data-wo-bar="after"] { background-color: #064374; }
#wo-css-vergleich [data-wo-bar="before"] { transform: scaleX(1); }
#wo-css-vergleich [data-wo-bar="after"] { transform: scaleX(.106586); }
#wo-css-vergleich.wo-chart-animate [data-wo-bar="before"] { animation: wo-chart-before-1198 .7s ease-out both; }
#wo-css-vergleich.wo-chart-animate [data-wo-bar="after"] { animation: wo-chart-after-1198 .7s .09s ease-out both; }
@keyframes wo-panel-enter-1198 { from { opacity: .5; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
@keyframes wo-chart-before-1198 { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes wo-chart-after-1198 { from { transform: scaleX(0); } to { transform: scaleX(.106586); } }
@media (max-width: 767px) {
  body.page-id-1195 { padding-bottom: calc(6rem + env(safe-area-inset-bottom, 0px)); }
  #wo-selbstcheck { padding: 1.25rem; }
  #wo-selbstcheck > h2 { font-size: 1.7rem; }
  #wo-selbstcheck [data-wo-panel] { padding: 1.25rem; }
  #wo-selbstcheck [data-wo-transfer] { width: 100%; align-self: stretch; }
  #wo-selbstcheck.wo-enhanced [data-wo-layout] { grid-template-columns: minmax(0, 1fr); }
  #wo-selbstcheck.wo-enhanced [data-wo-results] { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  body.page-id-1195 { scroll-behavior: auto; }
  #wo-selbstcheck .wo-panel-enter, #wo-css-vergleich.wo-chart-animate [data-wo-bar] { animation: none; }
  #wo-selbstcheck [data-wo-choice] { transition: none; }
}