.elementor-5314 .elementor-element.elementor-element-e0900fb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:3%;--margin-bottom:3%;--margin-left:5%;--margin-right:5%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:2%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-5314 .elementor-element.elementor-element-c33fe3c .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:3rem;color:var( --e-global-color-32d5496 );}.elementor-5314 .elementor-element.elementor-element-28ae7be{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-5314 .elementor-element.elementor-element-28ae7be .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:1.75rem;color:var( --e-global-color-32d5496 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-5314 .elementor-element.elementor-element-3f73c08{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-5314 .elementor-element.elementor-element-e0900fb{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:3%;--margin-bottom:3%;--margin-left:0%;--margin-right:0%;}.elementor-5314 .elementor-element.elementor-element-c33fe3c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 5px) 0px;padding:0px 10px 0px 10px;}.elementor-5314 .elementor-element.elementor-element-c33fe3c .elementor-heading-title{font-size:2.5rem;line-height:3rem;}.elementor-5314 .elementor-element.elementor-element-28ae7be{padding:0px 10px 0px 10px;}.elementor-5314 .elementor-element.elementor-element-28ae7be .elementor-heading-title{font-size:1.5rem;}.elementor-5314 .elementor-element.elementor-element-9404cef{padding:0px 10px 0px 10px;}.elementor-5314 .elementor-element.elementor-element-3f73c08{padding:0px 0px 0px 5px;}}@media(min-width:768px){.elementor-5314 .elementor-element.elementor-element-e0900fb{--width:95%;}}/* Start custom CSS for text-editor, class: .elementor-element-9404cef */.elementor-5314 .elementor-element.elementor-element-9404cef p {max-width: 1200px;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f73c08 */.cas {
    --cas-red: #0170B9;
    --cas-dark: #0E294B;
    --cas-muted: #6b6b6b;
    --cas-line: #dedede;
    --cas-soft: #f5f5f5;
    --cas-good: #287a45;
    --cas-good-bg: #eaf5ee;
    --cas-good-bg: #eaf5ee;
    --cas-maybe: #8a5b00;
    --cas-maybe-bg: #fff7d6;
    --cas-no: #8a3030;
    --cas-no-bg: #f7eaea;
    color: var(--cas-dark);
    font: inherit;
  }

  .cas * { box-sizing: border-box; }
  .cas h2 { margin: 0 0 .35rem; }
  .cas h3 { margin: 0; font-size: 1.1rem; line-height: 1.3; }
  .cas p { margin-top: 0; }

  .cas__head {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    border-left: 4px solid var(--cas-red);
    border-radius: 4px;
    background-color: var(--cas-soft);
  }

  .cas__head > div:first-child { max-width: none; }
  .cas__head > div:first-child p { margin-bottom: 0; color: var(--cas-muted); }

  .cas__controls {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    width: 100%;
    max-width: 480px;
    min-width: 0;
  }

  .cas__field {
    flex: none;
    width: 100%;
  }
  .cas__field > span {
    display: block;
    margin-bottom: .35rem;
    font-size: .82rem;
    font-weight: 700;
  }

  .cas__field select {
    width: 100%;
    min-height: 46px;
    padding: .65rem 2.4rem .65rem .8rem;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #fff;
    color: var(--cas-dark);
    font: inherit;
  }

  .cas__field select:focus-visible {
    outline: 3px solid rgba(181, 25, 37, .25);
    outline-offset: 2px;
    border-color: var(--cas-red);
  }

  .cas__result {
    min-height: 1.5em;
    margin-bottom: .65rem;
    color: var(--cas-muted);
    font-size: .9rem;
  }

  .cas__table {
    overflow: hidden;
    border: 1px solid var(--cas-line);
    border-radius: 4px;
    background: #fff;
  }

  .cas__row {
    display: grid;
    grid-template-columns: minmax(145px, .9fr) minmax(220px, 1.55fr) minmax(210px, 1.4fr) minmax(95px, .6fr) minmax(95px, .6fr);
    transition: background-color .2s ease, border-color .2s ease, opacity .2s ease;
  }

  .cas__row > div {
    min-width: 0;
    padding: 1.1rem 1rem;
    border-right: 1px solid var(--cas-line);
  }
  .cas__row > div:last-child { border-right: 0; }

  .cas__row[data-status="suitable"] .cas__badge {
    color: var(--cas-good);
    background: var(--cas-good-bg);
    border: 0.5px solid var(--cas-good);
  }

  .cas__row[data-status="conditional"] .cas__badge {
    color: var(--cas-maybe);
    background: var(--cas-maybe-bg);
    border: 0.5px solid var(--cas-maybe);
  }

  .cas__row--header {
    background: var(--cas-dark);
    color: #fff;
    font-size: .84rem;
    font-weight: 700;
  }
  .cas__row--header > div { padding-top: .8rem; padding-bottom: .8rem; }

  .cas__body .cas__row { border-top: 1px solid var(--cas-line); }
  .cas__body .cas__row:first-child { border-top: 0; }
  .cas__body .cas__row:hover { background: #fafafa; }
  
  .cas__row ul {
    margin: 0;
    padding-left: 1.1rem;
  }
  .cas__row li { margin: 0 0 .32rem; line-height: 1.4; }
  .cas__row li:last-child { margin-bottom: 0; }
  .cas__row li::marker { color: var(--cas-red); }

  /* Plus-/Minuslisten */
  .cas__row [data-label="Vorteile"] ul,
  .cas__row [data-label="Nachteile"] ul {
    padding-left: 0;
    list-style: none;
  }

  .cas__row [data-label="Vorteile"] li,
  .cas__row [data-label="Nachteile"] li {
    --cas-icon-top: 0.15em;

    position: relative;
    padding-left: 1.65rem;
  }

  /* Kreis */
  .cas__row [data-label="Vorteile"] li::before,
  .cas__row [data-label="Nachteile"] li::before {
    content: "";
    position: absolute;
    top: var(--cas-icon-top);
    left: 0;
    width: 17px;
    height: 17px;
    border: 1px solid currentColor;
    border-radius: 50%;
  }

  /* Zeichen innerhalb des Kreises */
  .cas__row [data-label="Vorteile"] li::after,
  .cas__row [data-label="Nachteile"] li::after {
    position: absolute;
    top: calc(var(--cas-icon-top) - 1px);
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1;
  }

  /* Vorteile */
  .cas__row [data-label="Vorteile"] li::before,
  .cas__row [data-label="Vorteile"] li::after {
    color: var(--cas-good);
  }

  .cas__row [data-label="Vorteile"] li::after {
    content: "+";
  }

  /* Nachteile */
  .cas__row [data-label="Nachteile"] li::before,
  .cas__row [data-label="Nachteile"] li::after {
    color: var(--cas-red);
  }

  .cas__row [data-label="Nachteile"] li::after {
    content: "−";
  }

  /*Button Details verschwindet, wenn Lösung ungeeignet*/
  .cas__row[data-status="unsuitable"] .cas__details {display: none !important;}

  .cas__system {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .65rem;
  }

  .cas__badge {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: .25rem .55rem;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .01em;
  }

  .cas__row[data-status="suitable"] .cas__badge { color: var(--cas-good); background: var(--cas-good-bg); }
  .cas__row[data-status="conditional"] .cas__badge { color: var(--cas-maybe); background: var(--cas-maybe-bg); }
  .cas__row[data-status="unsuitable"] { background: var(--cas-no-bg); }
  .cas__row[data-status="unsuitable"] .cas__badge { color: var(--cas-no); background: #fff; }
  .cas__row[data-status="unsuitable"] > div:not(.cas__system) { opacity: .72; }

  .cas__rating { display: grid; gap: .45rem; }
  .cas__rating-value { font-weight: 800; }
  .cas__bar {
    display: block;
    width: 100%;
    height: 7px;
    overflow: hidden;
    border-radius: 99px;
    background: #e7e7e7;
  }
  .cas__bar > span { display: block; height: 100%; border-radius: inherit; background: var(--cas-red); }

  .cas__note {
    margin: .8rem 0 0;
    color: var(--cas-muted);
    font-size: .82rem;
  }

  /*Details-Button*/
  .cas__details {
    --cas-details-color: var(--cas-red);

    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin-top: auto;
    padding: 0.55rem 0.85rem;
    border: 1px solid var(--cas-details-color)!important;
    border-radius: 8px;
    background-color: var(--cas-details-color)!important;
    color: #fff !important;
    font: inherit;
    font-size: 0.85rem !important;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    transition:
      background-color 0.2s ease,
      color 0.2s ease,
      transform 0.2s ease;
  }

  .cas__details:hover,
  .cas__details:focus-visible {
    transform: scale(1.03);
  }

  .cas__details:focus-visible {
    outline: 3px solid rgba(181, 25, 37, 0.25);
    outline-offset: 2px;
  }

  .cas__row[data-status="suitable"] .cas__details {
    --cas-details-color: var(--cas-good);
  }

  /* Badge-Schriftfarbe „Bedingt geeignet“ */
  .cas__row[data-status="conditional"] .cas__details {
    --cas-details-color: var(--cas-maybe);
  }

  @media (prefers-reduced-motion: reduce) {
    .cas__row { transition: none; }
  }

  @media (max-width: 1024px) {
    .cas__head { align-items: stretch; flex-direction: column; gap: 1rem; }
    .cas__controls { justify-content: flex-start; }
    .cas__row { grid-template-columns: minmax(130px, .8fr) minmax(210px, 1.35fr) minmax(190px, 1.2fr) 90px 90px; }
  }

  @media (max-width: 767px) {
    .cas__controls { display: grid; grid-template-columns: 1fr; min-width: 0; }
    .cas__row--header { display: none; }
    .cas__table { overflow: visible; border: 0; background: transparent; }
    .cas__body { display: grid; gap: 1rem; }
    .cas__body .cas__row,
    .cas__body .cas__row:first-child {
      display: block;
      overflow: hidden;
      border: 1px solid var(--cas-line);
      border-radius: 4px;
      background-color: #fff;
    }
    .cas__body .cas__row[data-status="unsuitable"] { background: var(--cas-no-bg); }
    .cas__row > div {
      display: grid;
      grid-template-columns: minmax(105px, 34%) 1fr;
      gap: .75rem;
      padding: .85rem;
      border-right: 0;
      border-bottom: 1px solid var(--cas-line);
    }
    .cas__row > div:last-child { border-bottom: 0; }
    .cas__row > div::before {
      content: attr(data-label);
      color: var(--cas-muted);
      font-size: .78rem;
      font-weight: 800;
    }
    .cas__system { display: grid; grid-template-columns: minmax(105px, 34%) 1fr; align-items: start; }
    .cas__system::before { grid-row: 1 / span 2; }
    .cas__badge { justify-self: start; }
    .cas__system::before {
      grid-row: 1 / span 3;
    }
    .cas__details {
      grid-column: 2;
      justify-self: start;
    }
  }

/* Geeignet */
.cas__body .cas__row[data-status="suitable"],
.cas__body .cas__row[data-status="suitable"]:hover {
  background-color: var(--cas-good-bg);
}

/* Bedingt geeignet */
.cas__body .cas__row[data-status="conditional"],
.cas__body .cas__row[data-status="conditional"]:hover {
  background-color: var(--cas-maybe-bg);
}

/* Nicht geeignet */
.cas__body .cas__row[data-status="unsuitable"],
.cas__body .cas__row[data-status="unsuitable"]:hover {
  background-color: var(--cas-no-bg);
}/* End custom CSS */