.elementor-1021 .elementor-element.elementor-element-c543a2a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1021 .elementor-element.elementor-element-c5f5141{--display:flex;--padding-top:12px;--padding-bottom:10px;--padding-left:24px;--padding-right:24px;}.elementor-1021 .elementor-element.elementor-element-7750365{--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;--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:22px;--margin-bottom:56px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-1021 .elementor-element.elementor-element-e54511b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 24px;--row-gap:0px;--column-gap:24px;--flex-wrap:nowrap;}.elementor-1021 .elementor-element.elementor-element-fcc88f5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:16px 0px;--row-gap:16px;--column-gap:0px;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:-1px -1px -1px -1px;--border-top-width:-1px;--border-right-width:-1px;--border-bottom-width:-1px;--border-left-width:-1px;border-color:#E1E8F2;--border-color:#E1E8F2;--border-radius:20px 20px 20px 20px;--padding-top:28px;--padding-bottom:24px;--padding-left:28px;--padding-right:28px;}.elementor-1021 .elementor-element.elementor-element-fcc88f5:not(.elementor-motion-effects-element-type-background), .elementor-1021 .elementor-element.elementor-element-fcc88f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1021 .elementor-element.elementor-element-c403c3b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:14px 0px;--row-gap:14px;--column-gap:0px;--flex-wrap:nowrap;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F2;--border-color:#E1E8F2;--border-radius:20px 20px 20px 20px;--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-1021 .elementor-element.elementor-element-c403c3b:not(.elementor-motion-effects-element-type-background), .elementor-1021 .elementor-element.elementor-element-c403c3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1021 .elementor-element.elementor-element-0342e42{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-1021 .elementor-element.elementor-element-d41d2ad{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F2;--border-color:#E1E8F2;--border-radius:28px 28px 28px 28px;box-shadow:0px 8px 24px 0px rgba(14.999999999999995, 23.000000000000007, 41.99999999999999, 0.04);--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-1021 .elementor-element.elementor-element-ef30d1e{--display:flex;--gap:14px 14px;--row-gap:14px;--column-gap:14px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F2;--border-color:#E1E8F2;--border-radius:20px 20px 20px 20px;box-shadow:0px 8px 24px 0px rgba(14.999999999999995, 23.000000000000007, 41.99999999999999, 0.04);--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-1021 .elementor-element.elementor-element-71a6eca{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F2;--border-color:#E1E8F2;--border-radius:20px 20px 20px 20px;box-shadow:0px 8px 24px 0px rgba(14.999999999999995, 23.000000000000007, 41.99999999999999, 0.04);--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-1021 .elementor-element.elementor-element-89ef2bd{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;}.elementor-1021 .elementor-element.elementor-element-9fe8d27{--display:flex;--gap:14px 14px;--row-gap:14px;--column-gap:14px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F2;--border-color:#E1E8F2;--border-radius:28px 28px 28px 28px;box-shadow:0px 8px 24px 0px rgba(14.999999999999995, 23.000000000000007, 41.99999999999999, 0.04);--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-1021 .elementor-element.elementor-element-59f47cc{--display:flex;--gap:14px 14px;--row-gap:14px;--column-gap:14px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F2;--border-color:#E1E8F2;--border-radius:20px 20px 20px 20px;box-shadow:0px 8px 24px 0px rgba(14.999999999999995, 23.000000000000007, 41.99999999999999, 0.04);--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-1021 .elementor-element.elementor-element-4796123{--display:flex;--gap:14px 14px;--row-gap:14px;--column-gap:14px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F2;--border-color:#E1E8F2;--border-radius:20px 20px 20px 20px;box-shadow:0px 8px 24px 0px rgba(14.999999999999995, 23.000000000000007, 41.99999999999999, 0.04);--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-1021 .elementor-element.elementor-element-a7e3366{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;}.elementor-1021 .elementor-element.elementor-element-a8aca54{--display:flex;--gap:5px 0px;--row-gap:5px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F2;--border-color:#E1E8F2;--border-radius:20px 20px 20px 20px;box-shadow:0px 8px 24px 0px rgba(14.999999999999995, 23.000000000000007, 41.99999999999999, 0.04);--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-1021 .elementor-element.elementor-element-ebf7f14{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F2;--border-color:#E1E8F2;--border-radius:20px 20px 20px 20px;box-shadow:0px 8px 24px 0px rgba(14.999999999999995, 23.000000000000007, 41.99999999999999, 0.04);--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-1021 .elementor-element.elementor-element-29afc13{--display:flex;--gap:12px 0px;--row-gap:12px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F2;--border-color:#E1E8F2;--border-radius:20px 20px 20px 20px;box-shadow:0px 8px 24px 0px rgba(14.999999999999995, 23.000000000000007, 41.99999999999999, 0.04);--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}.elementor-1021 .elementor-element.elementor-element-1d32e34{--display:flex;}.elementor-1021 .elementor-element.elementor-element-ff60d38{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E1E8F2;--border-color:#E1E8F2;--border-radius:21px 21px 21px 21px;box-shadow:0px 8px 24px 0px rgba(14.999999999999995, 23.000000000000007, 41.99999999999999, 0.04);--margin-top:22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;}@media(min-width:768px){.elementor-1021 .elementor-element.elementor-element-7750365{--content-width:1180px;}.elementor-1021 .elementor-element.elementor-element-fcc88f5{--width:68%;}.elementor-1021 .elementor-element.elementor-element-c403c3b{--width:32%;}.elementor-1021 .elementor-element.elementor-element-d41d2ad{--width:33%;}.elementor-1021 .elementor-element.elementor-element-ef30d1e{--width:33%;}.elementor-1021 .elementor-element.elementor-element-71a6eca{--width:33%;}.elementor-1021 .elementor-element.elementor-element-9fe8d27{--width:33%;}.elementor-1021 .elementor-element.elementor-element-59f47cc{--width:33%;}.elementor-1021 .elementor-element.elementor-element-4796123{--width:33%;}.elementor-1021 .elementor-element.elementor-element-a8aca54{--width:50%;}.elementor-1021 .elementor-element.elementor-element-ebf7f14{--width:40%;}.elementor-1021 .elementor-element.elementor-element-29afc13{--width:35%;}}/* Start custom CSS for shortcode, class: .elementor-element-2658042 *//* =========================================================
   ToolWissen – Rank Math Breadcrumb
   Bereich: unter Partnerhinweis, über Hero
   ========================================================= */

.tw-rankmath-breadcrumb-section {
  width: 100%;
  background: #ffffff;
}

.tw-rankmath-breadcrumb-section .rank-math-breadcrumb {
  width: 100%;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: 13px;
  line-height: 1.45;
  color: #66758a;
  letter-spacing: -0.01em;
}

.tw-rankmath-breadcrumb-section .rank-math-breadcrumb p {
  margin: 0;
  padding: 0;
}

.tw-rankmath-breadcrumb-section .rank-math-breadcrumb a {
  color: #607086;
  font-weight: 500;
  text-decoration: none;
}

.tw-rankmath-breadcrumb-section .rank-math-breadcrumb a:hover,
.tw-rankmath-breadcrumb-section .rank-math-breadcrumb a:focus {
  color: #0b63f6;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.tw-rankmath-breadcrumb-section .rank-math-breadcrumb .separator {
  margin: 0 8px;
  color: #a8b4c5;
}

.tw-rankmath-breadcrumb-section .rank-math-breadcrumb .last {
  color: #0b63f6;
  font-weight: 600;
}

/* Falls Rank Math normale Text-Trennzeichen ohne eigene Klasse ausgibt */
.tw-rankmath-breadcrumb-section .rank-math-breadcrumb span {
  vertical-align: middle;
}

/* Tablet */
@media (max-width: 1024px) {
  .tw-rankmath-breadcrumb-section .rank-math-breadcrumb {
    font-size: 12.5px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .tw-rankmath-breadcrumb-section .rank-math-breadcrumb {
    font-size: 12px;
    white-space: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .tw-rankmath-breadcrumb-section .rank-math-breadcrumb::-webkit-scrollbar {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   ToolWissen – Detailseite Gesamt-CSS V33
   Bereiche:
   - Info Raster 1/2 Mehr anzeigen
   - Info Raster 3 Bewertungen & Quellen
   - Alternative Karte
   - Hero Taxonomie-Chips
   ========================================================= */


/* =========================================================
   1. Raster-Grundlayout
   ========================================================= */

.tw-info-grid {
  min-width: 0 !important;
  align-items: stretch !important;
  overflow: visible !important;
}

.tw-info-grid > .tw-detail-card,
.tw-info-grid > .e-con,
.tw-info-grid > .elementor-element,
.tw-info-grid-3 > .tw-detail-card,
.tw-info-grid-3 > .e-con,
.tw-info-grid-3 > .elementor-element {
  min-width: 0 !important;
  height: 100% !important;
  align-self: stretch !important;
}


/* =========================================================
   2. Karten-Grunddesign
   ========================================================= */

.tw-detail-card {
  background: #ffffff !important;
  border: 1px solid #e5eaf3 !important;
  border-radius: 20px !important;
  padding: 23px 25px 25px 25px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.035) !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;

  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;

  overflow: hidden !important;

  gap: 0 !important;
  --gap: 0px !important;
  --row-gap: 0px !important;
  --column-gap: 0px !important;

  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.tw-detail-card:hover {
  border-color: #d7e3f5 !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.055) !important;
}

.tw-detail-card > .elementor-element,
.tw-detail-card > .e-con,
.tw-detail-card > .elementor-widget {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}


/* =========================================================
   3. Kartentitel
   ========================================================= */

.tw-card-title,
.tw-detail-card h2,
.tw-detail-card h3 {
  margin: 0 0 18px 0 !important;
  padding: 0 !important;

  color: #07142f !important;

  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: -0.25px !important;
}


/* =========================================================
   4. Info Raster 1 & 2 – Inhaltsbereiche
   ========================================================= */

.tw-overview-text,
.tw-benefit-list,
.tw-cons-list,
.tw-feature-list,
.tw-fit-list,
.tw-notfit-list {
  position: relative !important;
  max-height: none !important;
  overflow: visible !important;
  cursor: default !important;
  box-sizing: border-box !important;
  transition: max-height 0.3s ease !important;
}

.tw-overview-text.tw-has-overflow:not(.tw-is-open) {
  max-height: var(--tw-overview-closed-height, 255px) !important;
  overflow: hidden !important;
}

.tw-overview-text.tw-has-overflow:not(.tw-is-open)::after {
  content: "";
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;

  height: 44px !important;

  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff 68%) !important;
  pointer-events: none !important;
}

.tw-overview-text.tw-has-overflow.tw-is-open {
  max-height: var(--tw-overview-open-height, 255px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #cbd5e1 transparent !important;
  scrollbar-gutter: stable !important;
}

.tw-overview-text.tw-has-overflow.tw-is-open::-webkit-scrollbar {
  width: 6px !important;
}

.tw-overview-text.tw-has-overflow.tw-is-open::-webkit-scrollbar-track {
  background: transparent !important;
}

.tw-overview-text.tw-has-overflow.tw-is-open::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 999px !important;
}

.tw-benefit-list.tw-has-overflow:not(.tw-is-open) li:nth-child(n+6),
.tw-cons-list.tw-has-overflow:not(.tw-is-open) li:nth-child(n+6),
.tw-feature-list.tw-has-overflow:not(.tw-is-open) li:nth-child(n+6),
.tw-fit-list.tw-has-overflow:not(.tw-is-open) li:nth-child(n+6),
.tw-notfit-list.tw-has-overflow:not(.tw-is-open) li:nth-child(n+6) {
  display: none !important;
}

.tw-benefit-list.tw-has-overflow,
.tw-cons-list.tw-has-overflow,
.tw-feature-list.tw-has-overflow,
.tw-fit-list.tw-has-overflow,
.tw-notfit-list.tw-has-overflow {
  padding-right: 8px !important;
  scrollbar-gutter: stable !important;
}

.tw-benefit-list.tw-has-overflow.tw-is-open,
.tw-cons-list.tw-has-overflow.tw-is-open,
.tw-feature-list.tw-has-overflow.tw-is-open,
.tw-fit-list.tw-has-overflow.tw-is-open,
.tw-notfit-list.tw-has-overflow.tw-is-open {
  max-height: var(--tw-list-open-height, 270px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: #cbd5e1 transparent !important;
}

.tw-benefit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar,
.tw-cons-list.tw-has-overflow.tw-is-open::-webkit-scrollbar,
.tw-feature-list.tw-has-overflow.tw-is-open::-webkit-scrollbar,
.tw-fit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar,
.tw-notfit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar {
  width: 6px !important;
}

.tw-benefit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-track,
.tw-cons-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-track,
.tw-feature-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-track,
.tw-fit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-track,
.tw-notfit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-track {
  background: transparent !important;
}

.tw-benefit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-thumb,
.tw-cons-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-thumb,
.tw-feature-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-thumb,
.tw-fit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-thumb,
.tw-notfit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 999px !important;
}


/* =========================================================
   5. Mehr/Weniger-Button
   ========================================================= */

.tw-readmore-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  width: fit-content !important;

  margin: 14px 0 0 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
  color: #0066ff !important;

  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  font-family: inherit !important;

  cursor: pointer !important;
  text-align: left !important;
  box-shadow: none !important;
}

.tw-readmore-toggle:hover,
.tw-readmore-toggle:focus {
  color: #004fd1 !important;
  text-decoration: none !important;
  outline: none !important;
}

.tw-readmore-toggle:focus-visible {
  outline: 2px solid rgba(0, 102, 255, 0.25) !important;
  outline-offset: 3px !important;
  border-radius: 4px !important;
}

.tw-readmore-toggle[hidden] {
  display: none !important;
}

.tw-overview-more {
  display: none !important;
}


/* =========================================================
   6. Text und Listen
   ========================================================= */

.tw-overview-text,
.tw-overview-text p,
.tw-overview-text .elementor-widget-container {
  color: #1f2937 !important;
  font-size: 15.2px !important;
  line-height: 1.58 !important;
  font-weight: 400 !important;
}

.tw-overview-text p {
  margin: 0 !important;
}

.tw-benefit-list ul,
.tw-cons-list ul,
.tw-feature-list ul,
.tw-fit-list ul,
.tw-notfit-list ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tw-benefit-list li,
.tw-cons-list li,
.tw-feature-list li,
.tw-fit-list li,
.tw-notfit-list li {
  position: relative !important;

  margin: 0 0 10px 0 !important;
  padding-left: 30px !important;

  color: #1f2937 !important;

  font-size: 15.2px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

.tw-benefit-list li:last-child,
.tw-cons-list li:last-child,
.tw-feature-list li:last-child,
.tw-fit-list li:last-child,
.tw-notfit-list li:last-child {
  margin-bottom: 0 !important;
}

.tw-benefit-list p,
.tw-cons-list p,
.tw-feature-list p,
.tw-fit-list p,
.tw-notfit-list p {
  margin: 0 !important;
}

.tw-benefit-list .elementor-widget-container,
.tw-cons-list .elementor-widget-container,
.tw-feature-list .elementor-widget-container,
.tw-fit-list .elementor-widget-container,
.tw-notfit-list .elementor-widget-container {
  margin: 0 !important;
  padding: 0 !important;
}

.tw-benefit-list li::before,
.tw-fit-list li::before {
  content: "✓";
  position: absolute !important;
  left: 0 !important;
  top: 0.16em !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #e8f8ef !important;
  color: #12a65a !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.tw-cons-list li::before {
  content: "!";
  position: absolute !important;
  left: 0 !important;
  top: 0.16em !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #fff0f0 !important;
  color: #e11d48 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.tw-feature-list li::before {
  content: "✓";
  position: absolute !important;
  left: 0 !important;
  top: 0.16em !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #eef6ff !important;
  color: #0066ff !important;
  border: 1px solid rgba(0, 102, 255, 0.16) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.tw-notfit-list li::before {
  content: "×";
  position: absolute !important;
  left: 0 !important;
  top: 0.09em !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 999px !important;
  background: #fff0f0 !important;
  color: #e11d48 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


/* =========================================================
   7. Info Raster 3 Layout
   ========================================================= */

.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings {
  min-width: 0 !important;
  align-items: stretch !important;
  overflow: visible !important;
}

.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .tw-detail-card,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .e-con,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .elementor-element {
  min-width: 0 !important;
  align-self: stretch !important;
}

.tw-info-grid-ratings .tw-detail-card {
  min-width: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

.tw-info-grid-ratings .tw-facts-card,
.tw-info-grid-ratings .tw-rating-card,
.tw-info-grid-ratings .tw-alt-card {
  min-width: 0 !important;
}


/* =========================================================
   8. Bewertungen & Quellen
   ========================================================= */

.tw-rating-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.tw-rating-card .tw-card-title {
  margin: 0 0 14px 0 !important;
}

.tw-rating-shortcode,
.tw-rating-shortcode .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  flex: 1 1 auto !important;
}

.tw-rating-sources.tw-rating-slider {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.tw-rating-slider-viewport {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
}

.tw-rating-slider-track {
  width: 100% !important;
  display: flex !important;
  transform: translateX(0);
  transition: transform 0.32s cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  will-change: transform !important;
}

.tw-rating-slider-page {
  min-width: 100% !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  min-height: 258px !important;
}

.tw-rating-source-row {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 86px !important;
  display: grid !important;
  grid-template-columns: minmax(145px, 1fr) 96px 64px 126px 44px !important;
  align-items: center !important;
  column-gap: 18px !important;
  padding: 16px 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  background: transparent !important;
  color: #07142f !important;
  text-decoration: none !important;
  box-shadow: none !important;
  outline: none !important;
  overflow: hidden !important;
}

.tw-rating-source-row:hover {
  color: #07142f !important;
  text-decoration: none !important;
  transform: translateX(2px) !important;
  transition: transform 0.18s ease !important;
}

.tw-rating-source-main {
  display: flex !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
}

.tw-rating-source-badge {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 11px !important;
  background: #eef4ff !important;
  color: #0066ff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
}

.tw-rating-source-name {
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
  color: #07142f !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tw-rating-source-stars {
  width: 96px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 2px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.tw-rating-star {
  position: relative !important;
  display: inline-block !important;
  width: 17px !important;
  height: 18px !important;
  min-width: 17px !important;
  font-size: 17px !important;
  line-height: 18px !important;
  overflow: hidden !important;
}

.tw-rating-star-base,
.tw-rating-star-fill {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 17px !important;
  height: 18px !important;
  line-height: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tw-rating-star-base {
  color: #d7deea !important;
}

.tw-rating-star-fill {
  width: var(--tw-star-fill, 0%) !important;
  color: #ff9f0a !important;
  overflow: hidden !important;
}

.tw-rating-source-score {
  color: #07142f !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.tw-rating-source-count {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 3px !important;
  color: #64748b !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  padding-left: 4px !important;
}

.tw-rating-source-count span {
  display: block !important;
  max-width: 100% !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tw-rating-source-count small {
  display: block !important;
  color: #64748b !important;
  font-size: 10.5px !important;
  font-weight: 500 !important;
  line-height: 1.1 !important;
}

.tw-rating-source-link {
  width: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  color: #0066ff !important;
  text-decoration: none !important;
  overflow: visible !important;
}

.tw-rating-source-row[href] .tw-rating-source-link::before {
  content: "↗" !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(0, 102, 255, 0.18) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #0066ff !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease, color 0.18s ease !important;
}

.tw-rating-source-row[href]:hover .tw-rating-source-link::before {
  background: #f5f8ff !important;
  border-color: rgba(0, 102, 255, 0.32) !important;
  color: #0054d6 !important;
  transform: translateY(-1px) !important;
}

.tw-rating-source-row:not([href]) .tw-rating-source-link {
  display: none !important;
}

.tw-rating-shortcode a,
.tw-rating-shortcode a:hover {
  text-decoration: none !important;
}

.tw-rating-slider-controls {
  width: 100% !important;
  margin-top: 14px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
}

.tw-rating-slider-main {
  width: 100% !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 13px 18px !important;
  border: 1px solid rgba(0, 102, 255, 0.14) !important;
  border-radius: 12px !important;
  background: #f5f8ff !important;
  color: #0066ff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background 0.18s ease, transform 0.18s ease, border-color 0.18s ease !important;
}

.tw-rating-slider-main:hover {
  background: #eef4ff !important;
  border-color: rgba(0, 102, 255, 0.22) !important;
  transform: translateY(-1px) !important;
}

.tw-rating-slider-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

.tw-rating-slider-dot {
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  min-height: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #cbd5e1 !important;
  cursor: pointer !important;
  transition: width 0.18s ease, background 0.18s ease !important;
}

.tw-rating-slider-dot.is-active {
  width: 18px !important;
  background: #0066ff !important;
}

.tw-rating-source-row.is-trustpilot .tw-rating-source-badge {
  background: #ecfdf5 !important;
  color: #00a86b !important;
}

.tw-rating-source-row.is-g2 .tw-rating-source-badge {
  background: #fff1f2 !important;
  color: #ef3b2d !important;
}

.tw-rating-source-row.is-capterra .tw-rating-source-badge {
  background: #eff6ff !important;
  color: #0ea5e9 !important;
}

.tw-rating-source-row.is-google .tw-rating-source-badge {
  background: #f8fafc !important;
  color: #2563eb !important;
}

.tw-rating-source-row.is-omr .tw-rating-source-badge {
  background: #f8fafc !important;
  color: #111827 !important;
}

.tw-rating-source-row.is-getapp .tw-rating-source-badge {
  background: #ecfeff !important;
  color: #0891b2 !important;
}

.tw-rating-source-row.is-trustradius .tw-rating-source-badge {
  background: #f5f3ff !important;
  color: #7c3aed !important;
}

.tw-rating-source-row.is-software-advice .tw-rating-source-badge {
  background: #fefce8 !important;
  color: #ca8a04 !important;
}


/* =========================================================
   9. Alternative Tools
   ========================================================= */

.tw-alt-card {
  min-width: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
}

.tw-alt-card .tw-card-title {
  margin: 0 0 14px 0 !important;
}

.tw-alt-card .tw-alt-shortcode,
.tw-alt-card .tw-alt-shortcode .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  flex: 1 1 auto !important;
}

.tw-alt-card .tw-alt-v3 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.tw-alt-card .tw-alt-v3-viewport {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 260px !important;
  min-height: 260px !important;
  max-height: 260px !important;
  overflow: hidden !important;
}

.tw-alt-card .tw-alt-v3-page {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tw-alt-card .tw-alt-v3-page[hidden] {
  display: none !important;
}

.tw-alt-card .tw-alt-v3-item {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  padding: 7px 0 !important;
  box-sizing: border-box !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
  color: #07142f !important;
  text-decoration: none !important;
  background: transparent !important;
  overflow: hidden !important;
  transition: transform 0.18s ease !important;
}

.tw-alt-card .tw-alt-v3-item:hover {
  color: #07142f !important;
  text-decoration: none !important;
  transform: translateX(2px) !important;
}

.tw-alt-card .tw-alt-v3-logo-wrap {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.tw-alt-card .tw-alt-v3-logo {
  width: 36px !important;
  height: 36px !important;
  display: block !important;
  object-fit: contain !important;
  border-radius: 9px !important;
}

.tw-alt-card .tw-alt-v3-logo-fallback {
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: #eef4ff !important;
  color: #0066ff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.tw-alt-card .tw-alt-v3-main {
  min-width: 0 !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  overflow: hidden !important;
}

.tw-alt-card .tw-alt-v3-name {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #07142f !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.16 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-alt-card .tw-alt-v3-category {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-alt-card .tw-alt-v3-meta {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 8px !important;
  overflow: hidden !important;
}

.tw-alt-card .tw-alt-v3-rating {
  min-width: max-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 5px !important;
  white-space: nowrap !important;
  color: #334155 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.tw-alt-card .tw-alt-v3-stars {
  width: 48px !important;
  height: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 1px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}

.tw-alt-card .tw-alt-v3-star {
  position: relative !important;
  display: inline-block !important;
  width: 9px !important;
  height: 12px !important;
  min-width: 9px !important;
  font-size: 9.5px !important;
  line-height: 12px !important;
  overflow: hidden !important;
}

.tw-alt-card .tw-alt-v3-star-base,
.tw-alt-card .tw-alt-v3-star-fill {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 9px !important;
  height: 12px !important;
  line-height: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tw-alt-card .tw-alt-v3-star-base {
  color: #d7deea !important;
}

.tw-alt-card .tw-alt-v3-star-fill {
  width: var(--tw-star-fill, 0%) !important;
  color: #ff9f0a !important;
  overflow: hidden !important;
}

.tw-alt-card .tw-alt-v3-rating-number {
  color: #334155 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}

.tw-alt-card .tw-alt-v3-controls {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 9px !important;
  margin-top: 14px !important;
  padding: 0 !important;
}

.tw-alt-card .tw-alt-v3-button,
.tw-alt-card .tw-alt-v3-more-link {
  width: 100% !important;
  min-height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(0, 102, 255, 0.14) !important;
  border-radius: 12px !important;
  background: #f5f8ff !important;
  color: #0066ff !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  text-align: center !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
  appearance: none !important;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease !important;
}

.tw-alt-card .tw-alt-v3-button:hover,
.tw-alt-card .tw-alt-v3-more-link:hover {
  background: #eef4ff !important;
  border-color: rgba(0, 102, 255, 0.22) !important;
  color: #0054d6 !important;
  text-decoration: none !important;
  transform: translateY(-1px) !important;
}

.tw-alt-card .tw-alt-v3-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

.tw-alt-card .tw-alt-v3-dot {
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  min-height: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #cbd5e1 !important;
  cursor: pointer !important;
  transition: width 0.18s ease, background 0.18s ease !important;
}

.tw-alt-card .tw-alt-v3-dot.is-active {
  width: 18px !important;
  background: #0066ff !important;
}

.tw-alt-card .tw-alt-list,
.tw-alt-card .tw-alt-clean-list,
.tw-alt-card .tw-altx-list,
.tw-alt-card .tw-alt-safe-list,
.tw-alt-card .tw-tool-alt-v2,
.tw-alt-card .tw-alt-meta,
.tw-alt-card .tw-alt-price,
.tw-alt-card .tw-alt-rating,
.tw-alt-card .tw-alt-stars,
.tw-alt-card .tw-alt-rating-score {
  display: none !important;
}

.tw-alt-card .tw-alt-v3 {
  display: flex !important;
}


/* =========================================================
   10. Hero Taxonomie-Chips
   Shortcode-Widget-Klasse: tw-hero-tax-shortcode
   ========================================================= */

.tw-hero-tax-shortcode,
.tw-hero-tax-shortcode .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tw-hero-tax-strip {
  width: 100% !important;
  max-width: 720px !important;
  min-width: 0 !important;
  margin: 0 0 30px 0 !important;
  padding: 0 !important;
}

.tw-hero-tax-inner {
  position: relative !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 8px !important;
}

.tw-hero-tax-viewport {
  grid-column: 2 !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  scroll-snap-type: x proximity !important;
  scroll-behavior: smooth !important;
  cursor: grab !important;
  user-select: none !important;
  touch-action: pan-y !important;
  padding: 3px 0 4px 0 !important;
  box-sizing: border-box !important;
}

.tw-hero-tax-viewport.is-dragging {
  cursor: grabbing !important;
  scroll-behavior: auto !important;
}

.tw-hero-tax-viewport::-webkit-scrollbar {
  display: none !important;
}

.tw-hero-tax-track {
  width: 100% !important;
  min-width: 100% !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: calc((100% - 20px) / 3) !important;
  column-gap: 10px !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tw-hero-tax-chip {
  min-width: 0 !important;
  height: 38px !important;
  min-height: 38px !important;
  max-height: 38px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 0 15px !important;

  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #07142f !important;

  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  overflow: hidden !important;
  scroll-snap-align: start !important;

  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.035) !important;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease !important;
}

.tw-hero-tax-chip:hover {
  text-decoration: none !important;
  color: #07142f !important;
  border-color: rgba(0, 102, 255, 0.18) !important;
  background: #f8fbff !important;
  transform: none !important;
}

.tw-hero-tax-chip-text {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-hero-tax-chip.is-category {
  background: #f5f8ff !important;
  color: #0054d6 !important;
}

.tw-hero-tax-chip.is-usecase {
  background: #f0fdfa !important;
  color: #0f766e !important;
}

.tw-hero-tax-chip.is-function {
  background: #f5f3ff !important;
  color: #6d28d9 !important;
}

.tw-hero-tax-chip.is-audience {
  background: #f0fdf4 !important;
  color: #15803d !important;
}

.tw-hero-tax-chip.is-price {
  background: #fffbeb !important;
  color: #b45309 !important;
}

.tw-hero-tax-chip.is-level {
  background: #f8fafc !important;
  color: #334155 !important;
}

.tw-hero-tax-arrow {
  position: relative !important;
  z-index: 5 !important;

  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  color: #64748b !important;

  font-family: inherit !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1 !important;

  cursor: pointer !important;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08) !important;

  transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease, transform 0.18s ease, opacity 0.18s ease !important;
}

.tw-hero-tax-arrow:hover {
  color: #0066ff !important;
  background: #ffffff !important;
  border-color: rgba(0, 102, 255, 0.18) !important;
  transform: translateY(-1px) !important;
}

.tw-hero-tax-arrow span {
  display: block !important;
  margin-top: -2px !important;
}

.tw-hero-tax-arrow-left {
  grid-column: 1 !important;
}

.tw-hero-tax-arrow-right {
  grid-column: 3 !important;
}

.tw-hero-tax-arrow.is-disabled {
  opacity: 0.28 !important;
  pointer-events: none !important;
}

.tw-hero-tax-strip.no-scroll .tw-hero-tax-inner {
  display: block !important;
}

.tw-hero-tax-strip.no-scroll .tw-hero-tax-track {
  width: 100% !important;
  grid-auto-columns: calc((100% - 20px) / 3) !important;
}

.tw-hero-tax-strip.no-scroll .tw-hero-tax-viewport {
  cursor: default !important;
}


/* =========================================================
   11. Tablet
   ========================================================= */

@media (max-width: 1024px) {
  .tw-info-grid,
  .tw-info-grid.tw-info-grid-3.tw-info-grid-ratings {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .tw-detail-card {
    padding: 22px !important;
  }

  .tw-rating-source-row {
    grid-template-columns: minmax(135px, 1fr) 90px 58px 110px 38px !important;
    column-gap: 12px !important;
  }

  .tw-hero-tax-strip {
    max-width: 100% !important;
  }
}


/* =========================================================
   12. Mobile
   ========================================================= */

@media (max-width: 767px) {
  .tw-info-grid,
  .tw-info-grid.tw-info-grid-3.tw-info-grid-ratings {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .tw-detail-card {
    border-radius: 18px !important;
    padding: 20px !important;
  }

  .tw-card-title,
  .tw-detail-card h2,
  .tw-detail-card h3 {
    font-size: 22px !important;
    margin-bottom: 14px !important;
  }

  .tw-overview-text,
  .tw-overview-text p,
  .tw-overview-text .elementor-widget-container,
  .tw-benefit-list li,
  .tw-cons-list li,
  .tw-feature-list li,
  .tw-fit-list li,
  .tw-notfit-list li {
    font-size: 14.5px !important;
  }

  .tw-rating-slider-page {
    min-height: auto !important;
  }

  .tw-rating-source-row {
    min-height: auto !important;
    grid-template-columns: 1fr auto !important;
    grid-template-areas:
      "source score"
      "stars count"
      "link link" !important;
    row-gap: 8px !important;
    column-gap: 12px !important;
    padding: 15px 0 !important;
  }

  .tw-rating-source-main {
    grid-area: source !important;
  }

  .tw-rating-source-stars {
    grid-area: stars !important;
  }

  .tw-rating-source-score {
    grid-area: score !important;
    text-align: right !important;
  }

  .tw-rating-source-count {
    grid-area: count !important;
    align-items: flex-end !important;
  }

  .tw-rating-source-link {
    grid-area: link !important;
    justify-content: flex-start !important;
  }

  .tw-alt-card .tw-alt-v3-viewport {
    height: 260px !important;
    min-height: 260px !important;
    max-height: 260px !important;
  }

  .tw-hero-tax-inner {
    grid-template-columns: 30px minmax(0, 1fr) 30px !important;
    gap: 6px !important;
  }

  .tw-hero-tax-track {
    grid-auto-columns: calc((100% - 10px) / 2) !important;
    column-gap: 10px !important;
  }

  .tw-hero-tax-chip {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    padding: 0 12px !important;
    font-size: 12.5px !important;
  }

  .tw-hero-tax-arrow {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    font-size: 18px !important;
  }
}


.tw-similar9-strip {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.tw-similar9-header {
  width: 100% !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

.tw-similar9-title {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  color: #07142f !important;
  font-size: 17px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  letter-spacing: -0.1px !important;
}

.tw-similar9-inner {
  position: relative !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) 44px !important;
  align-items: center !important;
  column-gap: 10px !important;
  overflow: visible !important;
}

.tw-similar9-viewport {
  grid-column: 2 !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  scroll-snap-type: x mandatory !important;
  scrollbar-width: none !important;
  padding: 6px 0 10px 0 !important;
  cursor: grab !important;
  user-select: none !important;
  touch-action: pan-y !important;
}

.tw-similar9-viewport.is-dragging { cursor: grabbing !important; scroll-behavior: auto !important; }
.tw-similar9-viewport::-webkit-scrollbar { display: none !important; }

.tw-similar9-track {
  width: 100% !important;
  min-width: 100% !important;
  display: grid !important;
  grid-auto-flow: column !important;
  grid-auto-columns: calc((100% - 42px) / 4) !important;
  grid-template-rows: 1fr !important;
  align-items: stretch !important;
  column-gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.tw-similar9-item {
  width: 100% !important;
  min-width: 0 !important;
  height: 60px !important;
  min-height: 60px !important;
  scroll-snap-align: start !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  padding: 9px 13px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #07142f !important;
  text-decoration: none !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035) !important;
  overflow: hidden !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

.tw-similar9-item:hover {
  color: #07142f !important;
  text-decoration: none !important;
  border-color: rgba(0, 102, 255, 0.22) !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.055) !important;
  transform: translateY(-1px) !important;
}

.tw-similar9-logo-wrap {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  max-width: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.tw-similar9-logo,
.tw-similar9-logo-fallback {
  width: 35px !important;
  height: 35px !important;
  border-radius: 9px !important;
  pointer-events: none !important;
}

.tw-similar9-logo { display: block !important; object-fit: contain !important; }
.tw-similar9-logo-fallback { display: inline-flex !important; align-items: center !important; justify-content: center !important; background: #eef4ff !important; color: #0066ff !important; font-size: 12px !important; font-weight: 900 !important; line-height: 1 !important; }

.tw-similar9-content {
  min-width: 0 !important;
  max-width: 100% !important;
  display: block !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

.tw-similar9-main-line {
  min-width: 0 !important;
  max-width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  column-gap: 10px !important;
  overflow: hidden !important;
}

.tw-similar9-name {
  display: block !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: #07142f !important;
  font-size: 13.8px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-similar9-rating {
  min-width: max-content !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 4px !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

.tw-similar9-star { color: #ff9f0a !important; font-size: 11px !important; line-height: 1 !important; }
.tw-similar9-rating-number { color: #334155 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; }

.tw-similar9-arrow {
  position: relative !important;
  z-index: 8 !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  max-width: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #07142f !important;
  font-family: inherit !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12) !important;
  transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, opacity 0.18s ease !important;
}

.tw-similar9-arrow-left { grid-column: 1 !important; justify-self: center !important; }
.tw-similar9-arrow-right { grid-column: 3 !important; justify-self: center !important; }
.tw-similar9-arrow:hover { background: #f5f8ff !important; border-color: rgba(0, 102, 255, 0.22) !important; color: #0066ff !important; transform: scale(1.03) !important; }
.tw-similar9-arrow span { display: block !important; margin-top: -3px !important; }
.tw-similar9-arrow.is-disabled { opacity: 0.32 !important; cursor: default !important; pointer-events: none !important; transform: scale(0.96) !important; }
.tw-similar9-strip.no-scroll-arrow .tw-similar9-inner { display: block !important; }
.tw-similar9-strip.no-scroll-arrow .tw-similar9-viewport { cursor: default !important; }

/* ============================================================
   6. Responsive
   ============================================================ */

@media (max-width: 1200px) {
  .tw-info-grid.tw-info-grid-3.tw-info-grid-ratings {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
}

@media (max-width: 1024px) {
  .tw-card-title,
  .tw-detail-card h2,
  .tw-detail-card h3 {
    font-size: 22px !important;
  }

  .tw-similar-section { margin: 24px 0 24px 0 !important; }
  .tw-similar9-title { font-size: 16px !important; }
  .tw-similar9-inner { grid-template-columns: 40px minmax(0, 1fr) 40px !important; column-gap: 8px !important; }
  .tw-similar9-track { grid-auto-columns: calc((100% - 24px) / 3) !important; column-gap: 12px !important; }

  .tw-tax-strip-track { grid-auto-columns: calc((100% - 20px) / 3) !important; }
}

@media (max-width: 767px) {
  .tw-detail-card,
  .tw-info-grid-ratings .tw-detail-card {
    padding: 20px 18px 22px 18px !important;
    border-radius: 18px !important;
  }

  .tw-card-title,
  .tw-detail-card h2,
  .tw-detail-card h3 {
    font-size: 20px !important;
    line-height: 1.2 !important;
  }

  .tw-rating-slider-page { min-height: auto !important; }

  .tw-rating-source-row {
    min-height: auto !important;
    grid-template-columns: minmax(0, 1fr) 56px !important;
    grid-template-areas:
      "main score"
      "stars count" !important;
    row-gap: 9px !important;
    column-gap: 12px !important;
    padding: 15px 0 !important;
  }

  .tw-rating-source-main { grid-area: main !important; }
  .tw-rating-source-stars { grid-area: stars !important; }
  .tw-rating-source-score { grid-area: score !important; text-align: right !important; }
  .tw-rating-source-count { grid-area: count !important; align-items: flex-end !important; padding-left: 0 !important; }
  .tw-rating-source-link { display: none !important; }

  .tw-alt-card .tw-alt-v5-viewport {
    height: 280px !important;
    min-height: 280px !important;
    max-height: 280px !important;
  }

  .tw-tax-strip-inner { grid-template-columns: 32px minmax(0, 1fr) 32px !important; column-gap: 6px !important; }
  .tw-tax-strip-track { grid-auto-columns: 185px !important; column-gap: 10px !important; }
  .tw-tax-strip-arrow { width: 30px !important; height: 30px !important; }

  .tw-similar-section { margin: 20px 0 22px 0 !important; }
  .tw-similar9-header { margin-bottom: 10px !important; }
  .tw-similar9-title { font-size: 15.5px !important; line-height: 1.3 !important; }
  .tw-similar9-inner { grid-template-columns: 36px minmax(0, 1fr) 36px !important; column-gap: 6px !important; }
  .tw-similar9-track { grid-auto-columns: 210px !important; column-gap: 10px !important; }
  .tw-similar9-item { height: 56px !important; min-height: 56px !important; grid-template-columns: 36px minmax(0, 1fr) !important; column-gap: 10px !important; padding: 8px 10px !important; }
  .tw-similar9-logo-wrap { width: 36px !important; height: 36px !important; min-width: 36px !important; max-width: 36px !important; }
  .tw-similar9-logo,
  .tw-similar9-logo-fallback { width: 32px !important; height: 32px !important; }
  .tw-similar9-name { font-size: 13px !important; }
  .tw-similar9-rating { font-size: 11.5px !important; gap: 3px !important; }
  .tw-similar9-rating-number { font-size: 11.5px !important; }
  .tw-similar9-arrow { width: 34px !important; height: 34px !important; min-width: 34px !important; max-width: 34px !important; font-size: 26px !important; }
}


/* ============================================================
   ToolWissen – V11 Fix: Hero-Taxonomie-Chips ohne Gruppenlabel
   Zweck:
   Im Hero sollen nur die echten Taxonomie-Begriffe stehen, z. B.
   "All-in-One Marketing", "Automatisierung", "Funnel Builder".
   Nicht mehr: "Kategorie", "Einsatz", "Funktion".
   ============================================================ */

.tw-tax-strip.no-labels .tw-tax-chip {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-content: center !important;
  text-align: center !important;
  min-width: 0 !important;
  height: 36px !important;
  padding: 7px 12px !important;
}

.tw-tax-strip.no-labels .tw-tax-chip-label {
  display: none !important;
}

.tw-tax-strip.no-labels .tw-tax-chip-name {
  width: 100% !important;
  text-align: center !important;
  font-size: 12.6px !important;
  font-weight: 850 !important;
}

.tw-tax-strip.no-labels .tw-tax-chip.is-category {
  background: #f5f8ff !important;
  border-color: rgba(0, 102, 255, 0.14) !important;
}

.tw-tax-strip.no-labels .tw-tax-chip.is-usecase {
  background: #f0fdff !important;
  border-color: rgba(8, 145, 178, 0.15) !important;
}

.tw-tax-strip.no-labels .tw-tax-chip.is-feature {
  background: #f7f4ff !important;
  border-color: rgba(124, 58, 237, 0.14) !important;
}

.tw-tax-strip.no-labels .tw-tax-chip.is-audience {
  background: #f0fdf7 !important;
  border-color: rgba(5, 150, 105, 0.14) !important;
}

.tw-tax-strip.no-labels .tw-tax-chip.is-price {
  background: #fffbea !important;
  border-color: rgba(202, 138, 4, 0.15) !important;
}

.tw-tax-strip.no-labels .tw-tax-chip.is-level {
  background: #f8fafc !important;
  border-color: rgba(71, 85, 105, 0.14) !important;
}

/* Im Hero: genau 3 sichtbare Chips. */
.tw-hero-tax-shortcode .tw-tax-strip-track,
.tw-tax-strip-section .tw-tax-strip-track {
  grid-auto-columns: calc((100% - 20px) / 3) !important;
  column-gap: 10px !important;
}

/* Pfeile im Hero bewusst klein und dezent. */
.tw-hero-tax-shortcode .tw-tax-strip-inner,
.tw-tax-strip-section .tw-tax-strip-inner {
  grid-template-columns: 28px minmax(0, 1fr) 28px !important;
  column-gap: 8px !important;
}

.tw-hero-tax-shortcode .tw-tax-strip-arrow,
.tw-tax-strip-section .tw-tax-strip-arrow {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  font-size: 20px !important;
}

/* ============================================================
   ToolWissen – V11 Restore: Mehr-anzeigen-Karten wie vorher
   Grundlage: dein funktionierender Referenzstand.
   ============================================================ */

  font-weight: 800 !important;
  letter-spacing: -0.25px !important;
}


/* =========================================================
   4. Inhaltsbereiche Info Raster 1 & 2 allgemein
   ========================================================= */

.tw-overview-text,
.tw-benefit-list,
.tw-cons-list,
.tw-feature-list,
.tw-fit-list,
.tw-notfit-list {
  position: relative !important;
  max-height: none !important;
  overflow: visible !important;
  cursor: default !important;
  box-sizing: border-box !important;
  transition: max-height 0.3s ease !important;
}


/* =========================================================
   5. Überblick geschlossen
   ========================================================= */

.tw-overview-text.tw-has-overflow:not(.tw-is-open) {
  max-height: var(--tw-overview-closed-height, 255px) !important;
  overflow: hidden !important;
}

.tw-overview-text.tw-has-overflow:not(.tw-is-open)::after {
  content: "";
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  height: 44px;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    #ffffff 68%
  ) !important;
  pointer-events: none !important;
}


/* =========================================================
   6. Überblick geöffnet
   ========================================================= */

.tw-overview-text.tw-has-overflow.tw-is-open {
  max-height: var(--tw-overview-open-height, 255px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #cbd5e1 transparent !important;
  scrollbar-gutter: stable !important;
}

.tw-overview-text.tw-has-overflow.tw-is-open::-webkit-scrollbar {
  width: 6px !important;
}

.tw-overview-text.tw-has-overflow.tw-is-open::-webkit-scrollbar-track {
  background: transparent !important;
}

.tw-overview-text.tw-has-overflow.tw-is-open::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 999px !important;
}


/* =========================================================
   7. Listen geschlossen: maximal 5 Bullet Points
   ========================================================= */

.tw-benefit-list.tw-has-overflow:not(.tw-is-open) li:nth-child(n+6),
.tw-cons-list.tw-has-overflow:not(.tw-is-open) li:nth-child(n+6),
.tw-feature-list.tw-has-overflow:not(.tw-is-open) li:nth-child(n+6),
.tw-fit-list.tw-has-overflow:not(.tw-is-open) li:nth-child(n+6),
.tw-notfit-list.tw-has-overflow:not(.tw-is-open) li:nth-child(n+6) {
  display: none !important;
}


/* =========================================================
   8. Listen mit Überlauf
   ========================================================= */

.tw-benefit-list.tw-has-overflow,
.tw-cons-list.tw-has-overflow,
.tw-feature-list.tw-has-overflow,
.tw-fit-list.tw-has-overflow,
.tw-notfit-list.tw-has-overflow {
  padding-right: 8px !important;
  scrollbar-gutter: stable !important;
}


/* =========================================================
   9. Listen geöffnet
   ========================================================= */

.tw-benefit-list.tw-has-overflow.tw-is-open,
.tw-cons-list.tw-has-overflow.tw-is-open,
.tw-feature-list.tw-has-overflow.tw-is-open,
.tw-fit-list.tw-has-overflow.tw-is-open,
.tw-notfit-list.tw-has-overflow.tw-is-open {
  max-height: var(--tw-list-open-height, 270px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  scrollbar-width: thin !important;
  scrollbar-color: #cbd5e1 transparent !important;
}

.tw-benefit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar,
.tw-cons-list.tw-has-overflow.tw-is-open::-webkit-scrollbar,
.tw-feature-list.tw-has-overflow.tw-is-open::-webkit-scrollbar,
.tw-fit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar,
.tw-notfit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar {
  width: 6px !important;
}

.tw-benefit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-track,
.tw-cons-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-track,
.tw-feature-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-track,
.tw-fit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-track,
.tw-notfit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-track {
  background: transparent !important;
}

.tw-benefit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-thumb,
.tw-cons-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-thumb,
.tw-feature-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-thumb,
.tw-fit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-thumb,
.tw-notfit-list.tw-has-overflow.tw-is-open::-webkit-scrollbar-thumb {
  background: #cbd5e1 !important;
  border-radius: 999px !important;
}




/* =========================================================
   V13 Korrektur: Hero-Chips exakt 3 sichtbar + ähnliche Tools aktiv
   ========================================================= */

.tw-hero-tax-strip {
  max-width: 760px !important;
  margin: 0 0 30px 0 !important;
}

.tw-hero-tax-inner {
  grid-template-columns: 30px minmax(0, 1fr) 30px !important;
  gap: 9px !important;
}

.tw-hero-tax-track {
  width: 100% !important;
  min-width: 100% !important;
  grid-auto-columns: calc((100% - 20px) / 3) !important;
  column-gap: 10px !important;
}

.tw-hero-tax-chip {
  width: 100% !important;
  max-width: 100% !important;
  height: 38px !important;
  padding: 0 14px !important;
  justify-content: center !important;
  font-size: 13px !important;
  letter-spacing: -0.05px !important;
}

.tw-hero-tax-arrow {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  max-width: 28px !important;
  background: #ffffff !important;
  color: #94a3b8 !important;
  border-color: rgba(15, 23, 42, 0.07) !important;
  box-shadow: 0 7px 18px rgba(15, 23, 42, 0.07) !important;
  font-size: 17px !important;
}

.tw-hero-tax-arrow:hover {
  color: #0066ff !important;
  background: #ffffff !important;
  border-color: rgba(0, 102, 255, 0.18) !important;
}

.tw-hero-tax-strip.no-scroll .tw-hero-tax-inner {
  display: grid !important;
  grid-template-columns: 0 minmax(0, 1fr) 0 !important;
  column-gap: 0 !important;
}

.tw-hero-tax-strip.no-scroll .tw-hero-tax-viewport {
  grid-column: 2 !important;
}

.tw-hero-tax-strip.no-scroll .tw-hero-tax-track {
  width: 100% !important;
  min-width: 100% !important;
  grid-auto-columns: calc((100% - 20px) / 3) !important;
}

@media (max-width: 1024px) {
  .tw-hero-tax-track {
    grid-auto-columns: calc((100% - 10px) / 2) !important;
  }
}

@media (max-width: 767px) {
  .tw-hero-tax-inner {
    grid-template-columns: 28px minmax(0, 1fr) 28px !important;
    gap: 6px !important;
  }

  .tw-hero-tax-track {
    grid-auto-columns: 170px !important;
    column-gap: 8px !important;
  }

  .tw-hero-tax-chip {
    height: 36px !important;
    padding: 0 12px !important;
    font-size: 12.5px !important;
  }
}


/* ============================================================
   ToolWissen – V16 Mini-Korrektur
   Zweck:
   - Titel der ähnlichen Tools mittig ausrichten
   - Hover der ähnlichen Tools nicht mehr oben abschneiden
   ============================================================ */

.tw-similar9-header {
  text-align: center !important;
}

.tw-similar9-title {
  text-align: center !important;
}

.tw-similar9-viewport {
  padding-top: 6px !important;
  padding-bottom: 10px !important;
}


/* ============================================================
   ToolWissen – V17 Mini-Korrektur
   Zweck:
   - Hero-Taxonomie-Chips minimal kleiner machen
   - Sonst nichts am bestehenden funktionierenden Aufbau ändern
   ============================================================ */

.tw-hero-tax-chip {
  height: 34px !important;
  min-height: 34px !important;
  max-height: 34px !important;
  padding: 0 12px !important;
  font-size: 12.4px !important;
  letter-spacing: -0.08px !important;
}

.tw-hero-tax-inner {
  grid-template-columns: 28px minmax(0, 1fr) 28px !important;
  gap: 8px !important;
}

.tw-hero-tax-arrow {
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  max-width: 26px !important;
  font-size: 16px !important;
}

@media (max-width: 767px) {
  .tw-hero-tax-chip {
    height: 33px !important;
    min-height: 33px !important;
    max-height: 33px !important;
    padding: 0 11px !important;
    font-size: 12px !important;
  }

  .tw-hero-tax-arrow {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    max-width: 25px !important;
    font-size: 15px !important;
  }
}



/* ============================================================
   ToolWissen – V18 Mini-Korrektur
   Zweck:
   - Hero-Taxonomie-Chips noch etwas kleiner machen
   - Ähnliche-Tools-Überschrift ausblenden, weil sie in Elementor gesetzt wird
   - Sonst nichts am bestehenden funktionierenden Aufbau ändern
   ============================================================ */

.tw-hero-tax-chip {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 9px !important;
  font-size: 11.4px !important;
  letter-spacing: -0.08px !important;
}

.tw-hero-tax-chip-text {
  font-size: 11.4px !important;
  line-height: 1 !important;
}

.tw-hero-tax-inner {
  grid-template-columns: 25px minmax(0, 1fr) 25px !important;
  gap: 10px !important;
}

.tw-hero-tax-arrow {
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  max-width: 23px !important;
  font-size: 14px !important;
}

.tw-similar9-header,
.tw-similar9-title {
  display: none !important;
}

@media (max-width: 767px) {
  .tw-hero-tax-chip {
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
    padding: 0 8px !important;
    font-size: 11.2px !important;
  }

  .tw-hero-tax-chip-text {
    font-size: 11.6px !important;
  }

  .tw-hero-tax-arrow {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    max-width: 24px !important;
    font-size: 14px !important;
  }
}

/* =========================================================
   ToolWissen – V19 Feinschliff Karten-Titel & neue Klassen
   Zweck:
   - Neue Elementor-Klassen sauber anbinden:
     tw-tool-section-card
     tw-tool-info-grid
     tw-tool-info-grid-2
   - Überschriften in Karten minimal weiter vom Inhalt entfernen.
   - Bestehendes Design sonst nicht verändern.
   ========================================================= */

.tw-tool-info-grid,
.tw-tool-info-grid-2 {
  min-width: 0 !important;
  align-items: stretch !important;
  overflow: visible !important;
}

.tw-tool-info-grid > .tw-detail-card,
.tw-tool-info-grid > .tw-tool-section-card,
.tw-tool-info-grid > .e-con,
.tw-tool-info-grid > .elementor-element,
.tw-tool-info-grid-2 > .tw-detail-card,
.tw-tool-info-grid-2 > .tw-tool-section-card,
.tw-tool-info-grid-2 > .e-con,
.tw-tool-info-grid-2 > .elementor-element {
  min-width: 0 !important;
  height: 100% !important;
  align-self: stretch !important;
}

.tw-tool-section-card {
  background: #ffffff !important;
  border: 1px solid #e5eaf3 !important;
  border-radius: 20px !important;
  padding: 23px 25px 25px 25px !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.035) !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;

  min-width: 0 !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;

  gap: 0 !important;
  --gap: 0px !important;
  --row-gap: 0px !important;
  --column-gap: 0px !important;

  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.tw-tool-section-card:hover {
  border-color: #d7e3f5 !important;
  box-shadow: 0 14px 36px rgba(15, 23, 42, 0.055) !important;
}

.tw-tool-section-card > .elementor-element,
.tw-tool-section-card > .e-con,
.tw-tool-section-card > .elementor-widget {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tw-tool-section-card .tw-card-title,
.tw-tool-section-card .tw-card-title .elementor-heading-title,
.tw-tool-section-card h2,
.tw-tool-section-card h3,
.tw-tool-info-grid .tw-card-title,
.tw-tool-info-grid .tw-card-title .elementor-heading-title,
.tw-tool-info-grid h2,
.tw-tool-info-grid h3,
.tw-tool-info-grid-2 .tw-card-title,
.tw-tool-info-grid-2 .tw-card-title .elementor-heading-title,
.tw-tool-info-grid-2 h2,
.tw-tool-info-grid-2 h3 {
  margin: 0 0 16px 0 !important;
}

.tw-tool-section-card .tw-card-title,
.tw-tool-section-card .tw-card-title .elementor-heading-title,
.tw-tool-section-card .elementor-heading-title,
.tw-tool-section-card h2,
.tw-tool-section-card h3,
.tw-tool-info-grid .tw-card-title,
.tw-tool-info-grid .tw-card-title .elementor-heading-title,
.tw-tool-info-grid .elementor-heading-title,
.tw-tool-info-grid h2,
.tw-tool-info-grid h3,
.tw-tool-info-grid-2 .tw-card-title,
.tw-tool-info-grid-2 .tw-card-title .elementor-heading-title,
.tw-tool-info-grid-2 .elementor-heading-title,
.tw-tool-info-grid-2 h2,
.tw-tool-info-grid-2 h3 {
  padding: 0 !important;
  color: #07142f !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: -0.25px !important;
}

@media (max-width: 1024px) {
  .tw-tool-info-grid,
  .tw-tool-info-grid-2 {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .tw-tool-section-card .tw-card-title,
  .tw-tool-section-card .tw-card-title .elementor-heading-title,
  .tw-tool-section-card h2,
  .tw-tool-section-card h3,
  .tw-tool-info-grid .tw-card-title,
  .tw-tool-info-grid .tw-card-title .elementor-heading-title,
  .tw-tool-info-grid h2,
  .tw-tool-info-grid h3,
  .tw-tool-info-grid-2 .tw-card-title,
  .tw-tool-info-grid-2 .tw-card-title .elementor-heading-title,
  .tw-tool-info-grid-2 h2,
  .tw-tool-info-grid-2 h3 {
    margin-bottom: 16px !important;
  }
}

@media (max-width: 767px) {
  .tw-tool-section-card {
    border-radius: 18px !important;
    padding: 20px 18px 22px 18px !important;
  }

  .tw-tool-section-card .tw-card-title,
  .tw-tool-section-card .tw-card-title .elementor-heading-title,
  .tw-tool-section-card .elementor-heading-title,
  .tw-tool-section-card h2,
  .tw-tool-section-card h3,
  .tw-tool-info-grid .tw-card-title,
  .tw-tool-info-grid .tw-card-title .elementor-heading-title,
  .tw-tool-info-grid .elementor-heading-title,
  .tw-tool-info-grid h2,
  .tw-tool-info-grid h3,
  .tw-tool-info-grid-2 .tw-card-title,
  .tw-tool-info-grid-2 .tw-card-title .elementor-heading-title,
  .tw-tool-info-grid-2 .elementor-heading-title,
  .tw-tool-info-grid-2 h2,
  .tw-tool-info-grid-2 h3 {
    font-size: 22px !important;
  }
}


/* =========================================================
   ToolWissen – V21 Mini-Korrektur
   Zweck:
   - Kartenüberschriften minimal näher an den Inhalt setzen
   - Hero-Taxonomie-Chips minimal kleiner machen
   - Pfeilabstand links/rechts sauberer ausgleichen
   ========================================================= */

.tw-tool-section-card .tw-card-title,
.tw-tool-section-card .tw-card-title .elementor-heading-title,
.tw-tool-section-card .elementor-heading-title,
.tw-tool-section-card h2,
.tw-tool-section-card h3,
.tw-tool-info-grid .tw-card-title,
.tw-tool-info-grid .tw-card-title .elementor-heading-title,
.tw-tool-info-grid .elementor-heading-title,
.tw-tool-info-grid h2,
.tw-tool-info-grid h3,
.tw-tool-info-grid-2 .tw-card-title,
.tw-tool-info-grid-2 .tw-card-title .elementor-heading-title,
.tw-tool-info-grid-2 .elementor-heading-title,
.tw-tool-info-grid-2 h2,
.tw-tool-info-grid-2 h3 {
  margin: 0 0 16px 0 !important;
}

.tw-rating-card .tw-card-title,
.tw-alt-card .tw-card-title {
  margin: 0 0 12px 0 !important;
}

.tw-hero-tax-inner {
  grid-template-columns: 25px minmax(0, 1fr) 25px !important;
  gap: 10px !important;
}

.tw-hero-tax-chip {
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  padding: 0 9px !important;
  font-size: 11.4px !important;
}

.tw-hero-tax-chip-text {
  font-size: 11.4px !important;
}

.tw-hero-tax-arrow {
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  max-width: 23px !important;
  font-size: 14px !important;
}

.tw-hero-tax-arrow-left {
  margin-right: 2px !important;
}

.tw-hero-tax-arrow-right {
  margin-left: 2px !important;
}

@media (max-width: 767px) {
  .tw-hero-tax-chip {
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
    padding: 0 8px !important;
    font-size: 11.2px !important;
  }

  .tw-hero-tax-chip-text {
    font-size: 11.2px !important;
  }
}

/* =========================================================
   ToolWissen – V24 Mini-Korrektur
   Zweck:
   - Preisbereich nicht mehr komplett per CSS erzwingen.
   - Nur Gutscheincode + Kopier-Icon sauber stylen.
   - Linker Hero-Taxonomie-Pfeil bekommt etwas mehr Abstand.
   - Sonst nichts am funktionierenden Aufbau ändern.
   ========================================================= */

/* ---------------------------------------------------------
   1. Hero-Taxonomie: linker Pfeil nicht zu nah am ersten Chip
   --------------------------------------------------------- */

.tw-hero-tax-inner {
  grid-template-columns: 31px minmax(0, 1fr) 25px !important;
  gap: 10px !important;
}

.tw-hero-tax-arrow-left {
  justify-self: start !important;
  margin-right: 8px !important;
}

.tw-hero-tax-arrow-right {
  justify-self: end !important;
  margin-left: 2px !important;
}

.tw-hero-tax-viewport {
  padding-left: 2px !important;
}

@media (max-width: 767px) {
  .tw-hero-tax-inner {
    grid-template-columns: 30px minmax(0, 1fr) 25px !important;
    gap: 8px !important;
  }

  .tw-hero-tax-arrow-left {
    margin-right: 7px !important;
  }
}


/* ---------------------------------------------------------
   2. Gutscheinbereich: nur Code + Kopier-Icon
   Elementor-Klassen:
   - tw-coupon-code
   - tw-coupon-copy
   --------------------------------------------------------- */

.tw-coupon-code,
.tw-coupon-copy {
  vertical-align: middle !important;
}

.tw-coupon-code,
.tw-coupon-code .elementor-widget-container,
.tw-coupon-code .elementor-heading-title,
.tw-coupon-code p,
.tw-coupon-code span {
  margin: 0 !important;
  color: #07142f !important;
  font-size: 15.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.08px !important;
  white-space: nowrap !important;
}

.tw-coupon-code {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 190px !important;
  min-height: 32px !important;
  padding: 6px 13px !important;
  border-radius: 8px !important;
  background: #f3e2d9 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

.tw-coupon-code:hover {
  background: #edd4c8 !important;
  transform: translateY(-1px) !important;
}

.tw-coupon-code.is-copied {
  background: #e8f8ef !important;
  color: #0f8a5f !important;
  box-shadow: 0 8px 20px rgba(15, 138, 95, 0.12) !important;
}

.tw-coupon-code.is-copied::after {
  content: "✓" !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 7px !important;
  color: #0f8a5f !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}

.tw-coupon-copy {
  position: relative !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #07142f !important;
  cursor: pointer !important;
  flex: 0 0 30px !important;
  transition: transform 0.18s ease, opacity 0.18s ease, background 0.18s ease, color 0.18s ease !important;
}

.tw-coupon-copy:hover {
  background: #f5f8ff !important;
  transform: translateY(-1px) !important;
  opacity: 0.92 !important;
}

.tw-coupon-copy .elementor-icon,
.tw-coupon-copy .elementor-icon-wrapper,
.tw-coupon-copy svg {
  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  max-width: 19px !important;
}

.tw-coupon-copy.is-copied {
  background: #e8f8ef !important;
  color: #0f8a5f !important;
}

.tw-coupon-copy.is-copied .elementor-icon,
.tw-coupon-copy.is-copied .elementor-icon-wrapper,
.tw-coupon-copy.is-copied svg {
  opacity: 0 !important;
}

.tw-coupon-copy.is-copied::before {
  content: "✓" !important;
  position: absolute !important;
  inset: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0f8a5f !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

@media (max-width: 767px) {
  .tw-coupon-code {
    max-width: 160px !important;
    min-height: 31px !important;
    padding: 6px 11px !important;
    font-size: 14.5px !important;
  }

  .tw-coupon-copy {
    width: 29px !important;
    height: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
    flex-basis: 29px !important;
  }
}



/* =========================================================
   ToolWissen – V25 Mini-Korrektur
   Zweck:
   - Bewertungsanzahl in „Bewertungen & Quellen“ wieder sichtbar machen.
   - Hero-Taxonomie-Pfeile vertikal sauber mittig zu den Chips ausrichten.
   - Beim Gutscheincode nur noch den Haken im Code-Pill anzeigen.
   - Sonst nichts am funktionierenden Aufbau ändern.
   ========================================================= */

/* ---------------------------------------------------------
   1. Bewertungen & Quellen: Anzahl Bewertungen wieder sichtbar
   --------------------------------------------------------- */

.tw-rating-source-row {
  grid-template-columns: minmax(145px, 1fr) 96px 62px minmax(92px, 112px) !important;
  column-gap: 16px !important;
}

.tw-rating-source-count {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 0 !important;
  max-width: 112px !important;
  overflow: visible !important;
  padding-left: 0 !important;
}

.tw-rating-source-count span,
.tw-rating-source-count small {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.tw-rating-source-link {
  display: none !important;
}

@media (max-width: 1024px) {
  .tw-rating-source-row {
    grid-template-columns: minmax(130px, 1fr) 88px 54px minmax(84px, 104px) !important;
    column-gap: 12px !important;
  }

  .tw-rating-source-count {
    max-width: 104px !important;
  }
}

@media (max-width: 767px) {
  .tw-rating-source-row {
    grid-template-columns: minmax(0, 1fr) 56px !important;
    grid-template-areas:
      "main score"
      "stars count" !important;
  }

  .tw-rating-source-count {
    grid-area: count !important;
    max-width: none !important;
    align-items: flex-end !important;
  }
}

/* ---------------------------------------------------------
   2. Hero-Taxonomie: Pfeile vertikal sauber mittig setzen
   --------------------------------------------------------- */

.tw-hero-tax-inner {
  align-items: center !important;
}

.tw-hero-tax-arrow {
  align-self: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
}

.tw-hero-tax-arrow span {
  margin-top: 0 !important;
  line-height: 1 !important;
  transform: translateY(-0.5px) !important;
}

.tw-hero-tax-arrow-left,
.tw-hero-tax-arrow-right {
  align-self: center !important;
}

/* ---------------------------------------------------------
   3. Gutschein: nur ein Haken im Code-Pill, kein zweiter Icon-Haken
   --------------------------------------------------------- */

.tw-coupon-copy.is-copied {
  background: transparent !important;
  color: #07142f !important;
}

.tw-coupon-copy.is-copied .elementor-icon,
.tw-coupon-copy.is-copied .elementor-icon-wrapper,
.tw-coupon-copy.is-copied svg {
  opacity: 1 !important;
}

.tw-coupon-copy.is-copied::before {
  content: none !important;
  display: none !important;
}

/* =========================================================
   ToolWissen – V26 Mini-Korrektur
   Zweck:
   - Bewertungsanzahl in „Bewertungen & Quellen“ wie im sauberen Referenzstand anzeigen.
   - Hero-Taxonomie-Pfeile exakt mittig auf Chip-Höhe halten.
   - Gutschein-Haken im Code-Pill ohne Breiten-Sprung, damit das Kopier-Icon nicht nach unten rutscht.
   - Sonst nichts am funktionierenden Aufbau ändern.
   ========================================================= */

/* ---------------------------------------------------------
   1. Bewertungen & Quellen: Quelle, Sterne, Wert und Anzahl sauber nebeneinander
   --------------------------------------------------------- */

.tw-rating-source-row {
  grid-template-columns: minmax(145px, 1fr) 96px 62px minmax(94px, 116px) !important;
  column-gap: 16px !important;
}

.tw-rating-source-count {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  min-width: 94px !important;
  max-width: 116px !important;
  overflow: visible !important;
  padding-left: 0 !important;
}

.tw-rating-source-count span,
.tw-rating-source-count small {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.tw-rating-source-count span {
  color: #07142f !important;
  font-size: 13.5px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

.tw-rating-source-count small {
  margin-top: 3px !important;
  color: #64748b !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}

.tw-rating-source-link {
  display: none !important;
}

@media (max-width: 1024px) {
  .tw-rating-source-row {
    grid-template-columns: minmax(130px, 1fr) 88px 54px minmax(86px, 108px) !important;
    column-gap: 12px !important;
  }

  .tw-rating-source-count {
    min-width: 86px !important;
    max-width: 108px !important;
  }
}

@media (max-width: 767px) {
  .tw-rating-source-row {
    grid-template-columns: minmax(0, 1fr) 56px !important;
    grid-template-areas:
      "main score"
      "stars count" !important;
  }

  .tw-rating-source-count {
    grid-area: count !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: flex-end !important;
  }
}

/* ---------------------------------------------------------
   2. Hero-Taxonomie: Pfeile exakt mittig auf der Chip-Linie
   --------------------------------------------------------- */

.tw-hero-tax-inner {
  align-items: center !important;
}

.tw-hero-tax-arrow {
  align-self: center !important;
  place-self: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
}

.tw-hero-tax-arrow-left {
  justify-self: start !important;
  margin-right: 8px !important;
}

.tw-hero-tax-arrow-right {
  justify-self: end !important;
  margin-left: 2px !important;
}

.tw-hero-tax-arrow span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin-top: 0 !important;
  line-height: 1 !important;
  transform: translateY(-0.5px) !important;
}

/* ---------------------------------------------------------
   3. Gutschein: Haken im Code-Pill ohne Layout-Sprung
   --------------------------------------------------------- */

.tw-coupon-code {
  position: relative !important;
  padding-right: 34px !important;
  overflow: hidden !important;
}

.tw-coupon-code::after {
  content: "✓" !important;
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  width: 14px !important;
  height: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0f8a5f !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
}

.tw-coupon-code.is-copied::after {
  opacity: 1 !important;
}

.tw-coupon-copy,
.tw-coupon-copy .elementor-widget-container,
.tw-coupon-copy .elementor-icon-wrapper,
.tw-coupon-copy .elementor-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  line-height: 1 !important;
}

.tw-coupon-copy {
  position: relative !important;
  top: 0 !important;
  transform: none !important;
}

.tw-coupon-copy:hover {
  transform: translateY(-1px) !important;
}

.tw-coupon-copy.is-copied {
  background: transparent !important;
  color: #07142f !important;
}

.tw-coupon-copy.is-copied .elementor-icon,
.tw-coupon-copy.is-copied .elementor-icon-wrapper,
.tw-coupon-copy.is-copied svg {
  opacity: 1 !important;
}

.tw-coupon-copy.is-copied::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 767px) {
  .tw-coupon-code {
    padding-right: 31px !important;
  }

  .tw-coupon-code::after {
    right: 10px !important;
  }
}

/* ============================================================
   ToolWissen – V27 Fix: Gutschein-Zeile bleibt horizontal
   Bereich:
   Hero Preisbox → Preisbox Gutschein

   Ziel:
   - Gutscheincode und Kopier-Icon bleiben immer nebeneinander.
   - Beim Kopieren erscheint nur der Haken im Code-Pill.
   - Das Kopier-Icon springt nicht nach unten.
   - Bewertungsanzahlen und alle anderen Bereiche bleiben unverändert.
   ============================================================ */

.tw-coupon-code,
.tw-coupon-copy {
  align-self: center !important;
  vertical-align: middle !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tw-coupon-code {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 190px !important;
  min-height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 34px 6px 13px !important;
  border-radius: 8px !important;
  background: #f3e2d9 !important;
  color: #07142f !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
  user-select: none !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

.tw-coupon-code:hover {
  background: #edd4c8 !important;
  transform: translateY(-1px) !important;
}

.tw-coupon-code.is-copied {
  background: #e8f8ef !important;
  color: #0f8a5f !important;
  box-shadow: 0 8px 20px rgba(15, 138, 95, 0.12) !important;
}

.tw-coupon-code::after {
  content: "✓" !important;
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  width: 14px !important;
  height: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0f8a5f !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
}

.tw-coupon-code.is-copied::after {
  opacity: 1 !important;
}

.tw-coupon-code,
.tw-coupon-code .elementor-widget-container,
.tw-coupon-code .elementor-heading-title,
.tw-coupon-code p,
.tw-coupon-code span {
  color: inherit !important;
  font-size: 15.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.08px !important;
  white-space: nowrap !important;
}

.tw-coupon-code .elementor-widget-container,
.tw-coupon-code .elementor-heading-title,
.tw-coupon-code p,
.tw-coupon-code span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tw-coupon-copy {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #07142f !important;
  cursor: pointer !important;
  line-height: 1 !important;
  transform: none !important;
  transition: transform 0.18s ease, opacity 0.18s ease, background 0.18s ease, color 0.18s ease !important;
}

.tw-coupon-copy:hover {
  background: #f5f8ff !important;
  transform: translateY(-1px) !important;
  opacity: 0.92 !important;
}

.tw-coupon-copy .elementor-widget-container,
.tw-coupon-copy .elementor-icon-wrapper,
.tw-coupon-copy .elementor-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.tw-coupon-copy svg {
  display: block !important;
  width: 19px !important;
  min-width: 19px !important;
  max-width: 19px !important;
  height: 19px !important;
  min-height: 19px !important;
  max-height: 19px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
}

.tw-coupon-copy.is-copied,
.tw-coupon-copy.is-copied:hover {
  background: transparent !important;
  color: #07142f !important;
  transform: none !important;
}

.tw-coupon-copy.is-copied .elementor-icon,
.tw-coupon-copy.is-copied .elementor-icon-wrapper,
.tw-coupon-copy.is-copied svg {
  opacity: 1 !important;
}

.tw-coupon-copy.is-copied::before,
.tw-coupon-copy.is-copied::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 767px) {
  .tw-coupon-code {
    max-width: 160px !important;
    min-height: 31px !important;
    padding: 6px 31px 6px 11px !important;
    font-size: 14.5px !important;
  }

  .tw-coupon-code::after {
    right: 10px !important;
  }

  .tw-coupon-copy,
  .tw-coupon-copy .elementor-widget-container,
  .tw-coupon-copy .elementor-icon-wrapper,
  .tw-coupon-copy .elementor-icon {
    width: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
    flex-basis: 29px !important;
  }
}


/* ============================================================
   ToolWissen – V28 Feinkorrektur
   Zweck:
   - Breite von Eckdaten / Bewertungen / Alternative wieder Elementor überlassen.
   - Gutschein-Code und Kopier-Icon bleiben horizontal nebeneinander.
   - Beim Kopieren erscheint nur der Haken im Code-Pill.
   - Hero-Taxonomie-Chips minimal kleiner halten.
   - Überschrift-Abstand in Funktionen / Geeignet / Nicht geeignet an Überblick angleichen.
   ============================================================ */

/* ------------------------------------------------------------
   1. Info Raster 3: Breiten nicht mehr durch dieses CSS erzwingen
   Elementor soll die Spaltenbreiten bestimmen.
   Betroffen:
   - Eckdaten
   - Bewertungen & Quellen
   - Alternative
   ------------------------------------------------------------ */

.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings {
  display: var(--display, flex) !important;
  grid-template-columns: none !important;
}

.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .tw-detail-card,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .e-con,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .elementor-element,
.tw-info-grid-ratings .tw-facts-card,
.tw-info-grid-ratings .tw-rating-card,
.tw-info-grid-ratings .tw-alt-card {
  flex-basis: var(--flex-basis, auto) !important;
  flex-grow: var(--flex-grow, 0) !important;
  flex-shrink: var(--flex-shrink, 1) !important;
}

/* Die Shortcode-Inhalte dürfen innerhalb der jeweiligen Elementor-Spalte weiter sauber füllen. */
.tw-rating-shortcode,
.tw-alt-shortcode,
.tw-rating-shortcode .elementor-widget-container,
.tw-alt-shortcode .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
}

/* ------------------------------------------------------------
   2. Bewertungen & Quellen: Anzahl der Bewertungen sichtbar lassen
   ------------------------------------------------------------ */

.tw-rating-source-row {
  grid-template-columns: minmax(145px, 1fr) 96px 62px minmax(94px, 116px) !important;
  column-gap: 16px !important;
}

.tw-rating-source-count {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 94px !important;
  max-width: 116px !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  padding-left: 0 !important;
}

.tw-rating-source-count span,
.tw-rating-source-count small {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}

.tw-rating-source-count span {
  color: #07142f !important;
  font-size: 13.5px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
}

.tw-rating-source-count small {
  margin-top: 3px !important;
  color: #64748b !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  line-height: 1.05 !important;
}

.tw-rating-source-link {
  display: none !important;
}

/* ------------------------------------------------------------
   3. Gutschein: nur Code-Pill + Kopier-Icon stabil nebeneinander
   Wichtig:
   - Die restliche Preisbox wird nicht angefasst.
   - Der Haken erscheint nur im Code-Pill.
   - Das Icon wird nicht verschoben.
   ------------------------------------------------------------ */

.e-con:has(> .tw-coupon-code):has(> .tw-coupon-copy),
.e-con:has(> .tw-coupon-label):has(> .tw-coupon-code),
.elementor-element:has(> .tw-coupon-code):has(> .tw-coupon-copy),
.elementor-widget-container:has(> .tw-coupon-code):has(> .tw-coupon-copy) {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

.tw-coupon-code,
.tw-coupon-copy {
  align-self: center !important;
  vertical-align: middle !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tw-coupon-code {
  position: relative !important;
  display: inline-flex !important;
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 190px !important;
  min-height: 32px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 6px 34px 6px 13px !important;
  border-radius: 8px !important;
  background: #f3e2d9 !important;
  color: #07142f !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
  user-select: none !important;
  white-space: nowrap !important;
  line-height: 1 !important;
  transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

.tw-coupon-code:hover {
  background: #edd4c8 !important;
  transform: translateY(-1px) !important;
}

.tw-coupon-code.is-copied {
  background: #e8f8ef !important;
  color: #0f8a5f !important;
  box-shadow: 0 8px 20px rgba(15, 138, 95, 0.12) !important;
}

.tw-coupon-code::after {
  content: "✓" !important;
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  width: 14px !important;
  height: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0f8a5f !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
}

.tw-coupon-code.is-copied::after {
  opacity: 1 !important;
}

.tw-coupon-code,
.tw-coupon-code .elementor-widget-container,
.tw-coupon-code .elementor-heading-title,
.tw-coupon-code p,
.tw-coupon-code span {
  color: inherit !important;
  font-size: 15.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.08px !important;
  white-space: nowrap !important;
}

.tw-coupon-code .elementor-widget-container,
.tw-coupon-code .elementor-heading-title,
.tw-coupon-code p,
.tw-coupon-code span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tw-coupon-copy {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  flex: 0 0 30px !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #07142f !important;
  cursor: pointer !important;
  line-height: 1 !important;
  transform: none !important;
  transition: transform 0.18s ease, opacity 0.18s ease, background 0.18s ease, color 0.18s ease !important;
}

.tw-coupon-copy:hover {
  background: #f5f8ff !important;
  transform: translateY(-1px) !important;
  opacity: 0.92 !important;
}

.tw-coupon-copy .elementor-widget-container,
.tw-coupon-copy .elementor-icon-wrapper,
.tw-coupon-copy .elementor-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.tw-coupon-copy svg {
  display: block !important;
  width: 19px !important;
  min-width: 19px !important;
  max-width: 19px !important;
  height: 19px !important;
  min-height: 19px !important;
  max-height: 19px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
}

.tw-coupon-copy.is-copied,
.tw-coupon-copy.is-copied:hover {
  background: transparent !important;
  color: #07142f !important;
  transform: none !important;
}

.tw-coupon-copy.is-copied .elementor-icon,
.tw-coupon-copy.is-copied .elementor-icon-wrapper,
.tw-coupon-copy.is-copied svg {
  opacity: 1 !important;
}

.tw-coupon-copy.is-copied::before,
.tw-coupon-copy.is-copied::after {
  content: none !important;
  display: none !important;
}

/* ------------------------------------------------------------
   4. Hero-Taxonomie-Chips minimal kleiner und Pfeile mittig
   ------------------------------------------------------------ */

.tw-hero-tax-inner {
  grid-template-columns: 25px minmax(0, 1fr) 25px !important;
  gap: 11px !important;
  align-items: center !important;
}

.tw-hero-tax-chip {
  height: 29px !important;
  min-height: 29px !important;
  max-height: 29px !important;
  padding: 0 8px !important;
  font-size: 11px !important;
  letter-spacing: -0.08px !important;
}

.tw-hero-tax-chip-text {
  font-size: 11px !important;
  line-height: 1 !important;
}

.tw-hero-tax-arrow {
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  max-width: 23px !important;
  font-size: 14px !important;
  align-self: center !important;
  place-self: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tw-hero-tax-arrow-left {
  justify-self: start !important;
  margin-right: 9px !important;
}

.tw-hero-tax-arrow-right {
  justify-self: end !important;
  margin-left: 3px !important;
}

.tw-hero-tax-arrow span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin-top: 0 !important;
  line-height: 1 !important;
  transform: translateY(-0.5px) !important;
}

/* ------------------------------------------------------------
   5. Überschrift-Abstände: Raster 2 an Raster 1 angleichen
   Betroffen:
   - Funktionen
   - Geeignet für
   - Nicht geeignet für
   ------------------------------------------------------------ */

.tw-tool-section-card .tw-card-title,
.tw-tool-section-card .tw-card-title .elementor-heading-title,
.tw-tool-section-card .elementor-heading-title,
.tw-tool-section-card h2,
.tw-tool-section-card h3,
.tw-tool-info-grid .tw-card-title,
.tw-tool-info-grid .tw-card-title .elementor-heading-title,
.tw-tool-info-grid .elementor-heading-title,
.tw-tool-info-grid h2,
.tw-tool-info-grid h3,
.tw-tool-info-grid-2 .tw-card-title,
.tw-tool-info-grid-2 .tw-card-title .elementor-heading-title,
.tw-tool-info-grid-2 .elementor-heading-title,
.tw-tool-info-grid-2 h2,
.tw-tool-info-grid-2 h3 {
  margin: 0 0 22px 0 !important;
  padding: 0 !important;
  color: #07142f !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: -0.25px !important;
}

@media (max-width: 1024px) {
  .tw-rating-source-row {
    grid-template-columns: minmax(130px, 1fr) 88px 54px minmax(86px, 108px) !important;
    column-gap: 12px !important;
  }

  .tw-rating-source-count {
    min-width: 86px !important;
    max-width: 108px !important;
  }
}

@media (max-width: 767px) {
  .tw-rating-source-row {
    grid-template-columns: minmax(0, 1fr) 56px !important;
    grid-template-areas:
      "main score"
      "stars count" !important;
  }

  .tw-rating-source-count {
    grid-area: count !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: flex-end !important;
  }

  .tw-hero-tax-inner {
    grid-template-columns: 28px minmax(0, 1fr) 24px !important;
    gap: 8px !important;
  }

  .tw-hero-tax-chip {
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    padding: 0 7px !important;
    font-size: 10.8px !important;
  }

  .tw-hero-tax-chip-text {
    font-size: 10.8px !important;
  }

  .tw-coupon-code {
    max-width: 160px !important;
    min-height: 31px !important;
    padding: 6px 31px 6px 11px !important;
    font-size: 14.5px !important;
  }

  .tw-coupon-code::after {
    right: 10px !important;
  }

  .tw-coupon-copy,
  .tw-coupon-copy .elementor-widget-container,
  .tw-coupon-copy .elementor-icon-wrapper,
  .tw-coupon-copy .elementor-icon {
    width: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
    flex-basis: 29px !important;
  }
}


/* =========================================================
   ToolWissen – V29 Feinschliff
   Zweck:
   - Elementor entscheidet die Breite von Eckdaten, Bewertungen & Quellen und Alternative.
   - CSS bestimmt dort keine festen Raster-Spalten mehr.
   - Bewertungsanzahl bleibt sichtbar.
   - Hero-Taxonomie-Chips minimal kleiner, Pfeile gleichmäßig.
   - Ähnliche-Tools-Pfeile mit dezenterem Schatten.
   - Gutschein-Code und Kopier-Icon bleiben stabil nebeneinander.
   ========================================================= */

/* ---------------------------------------------------------
   1. Info Raster 3: Breite wieder Elementor überlassen
   --------------------------------------------------------- */

.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings {
  display: var(--display, flex) !important;
  grid-template-columns: none !important;
  gap: var(--gap, 24px) !important;
  align-items: stretch !important;
}

.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .tw-detail-card,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .e-con,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .elementor-element,
.tw-info-grid-ratings .tw-facts-card,
.tw-info-grid-ratings .tw-rating-card,
.tw-info-grid-ratings .tw-alt-card {
  min-width: var(--min-width, 0) !important;
  flex-grow: var(--flex-grow, 0) !important;
  flex-shrink: var(--flex-shrink, 1) !important;
  flex-basis: var(--flex-basis, auto) !important;
  align-self: stretch !important;
}

.tw-info-grid-ratings .tw-rating-shortcode,
.tw-info-grid-ratings .tw-rating-shortcode .elementor-widget-container,
.tw-info-grid-ratings .tw-alt-shortcode,
.tw-info-grid-ratings .tw-alt-shortcode .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* ---------------------------------------------------------
   2. Bewertungen & Quellen: Bewertungsanzahl stabil sichtbar
   --------------------------------------------------------- */

.tw-rating-source-row {
  grid-template-columns: minmax(132px, 1fr) minmax(84px, 96px) 58px minmax(92px, 126px) !important;
  column-gap: 14px !important;
}

.tw-rating-source-row[href] {
  grid-template-columns: minmax(132px, 1fr) minmax(84px, 96px) 58px minmax(92px, 126px) 34px !important;
}

.tw-rating-source-count {
  display: flex !important;
  min-width: 92px !important;
  max-width: 126px !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
}

.tw-rating-source-count span,
.tw-rating-source-count small {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* ---------------------------------------------------------
   3. Hero-Taxonomie: Chips kleiner, Pfeile gleichmäßig
   --------------------------------------------------------- */

.tw-hero-tax-inner {
  grid-template-columns: 25px minmax(0, 1fr) 25px !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  align-items: center !important;
}

.tw-hero-tax-track {
  grid-auto-columns: calc((100% - 18px) / 3) !important;
  column-gap: 9px !important;
}

.tw-hero-tax-chip {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 7px !important;
  font-size: 10.6px !important;
  letter-spacing: -0.08px !important;
}

.tw-hero-tax-chip-text {
  font-size: 10.6px !important;
  line-height: 1 !important;
}

.tw-hero-tax-arrow {
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  max-width: 23px !important;
  font-size: 14px !important;
  place-self: center !important;
  align-self: center !important;
  justify-self: center !important;
  margin: 0 !important;
  box-shadow: 0 5px 14px rgba(15, 23, 42, 0.055) !important;
}

.tw-hero-tax-arrow-left,
.tw-hero-tax-arrow-right {
  margin: 0 !important;
  justify-self: center !important;
}

.tw-hero-tax-arrow span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  line-height: 1 !important;
  transform: translateY(-0.5px) !important;
}

/* ---------------------------------------------------------
   4. Ähnliche Tools: Pfeil-Schatten dezenter
   --------------------------------------------------------- */

.tw-similar9-arrow {
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.055) !important;
}

.tw-similar9-arrow:hover {
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.075) !important;
}

/* ---------------------------------------------------------
   5. Gutschein: Code + Icon stabil, Icon bleibt an Ort und Stelle
   --------------------------------------------------------- */

.tw-coupon-code {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: 190px !important;
  min-height: 32px !important;
  padding: 6px 34px 6px 13px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

.tw-coupon-code::after {
  content: "✓" !important;
  position: absolute !important;
  top: 50% !important;
  right: 12px !important;
  width: 14px !important;
  height: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0f8a5f !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-50%) !important;
}

.tw-coupon-code.is-copied::after {
  opacity: 1 !important;
}

.tw-coupon-copy,
.tw-coupon-copy .elementor-widget-container,
.tw-coupon-copy .elementor-icon-wrapper,
.tw-coupon-copy .elementor-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle !important;
  align-self: center !important;
  flex: 0 0 30px !important;
  transform: none !important;
}

.tw-coupon-copy {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin-left: 8px !important;
  background: transparent !important;
}

.tw-coupon-copy:hover {
  transform: translateY(-1px) !important;
}

.tw-coupon-copy.is-copied,
.tw-coupon-copy.is-copied:hover {
  background: transparent !important;
  color: #07142f !important;
  transform: none !important;
}

.tw-coupon-copy.is-copied .elementor-icon,
.tw-coupon-copy.is-copied .elementor-icon-wrapper,
.tw-coupon-copy.is-copied svg {
  opacity: 1 !important;
}

.tw-coupon-copy.is-copied::before,
.tw-coupon-copy.is-copied::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 1024px) {
  .tw-rating-source-row {
    grid-template-columns: minmax(125px, 1fr) minmax(78px, 90px) 54px minmax(86px, 108px) !important;
    column-gap: 12px !important;
  }

  .tw-rating-source-row[href] {
    grid-template-columns: minmax(125px, 1fr) minmax(78px, 90px) 54px minmax(86px, 108px) 30px !important;
  }

  .tw-rating-source-count {
    min-width: 86px !important;
    max-width: 108px !important;
  }
}

@media (max-width: 767px) {
  .tw-info-grid.tw-info-grid-3.tw-info-grid-ratings {
    display: var(--display, flex) !important;
  }

  .tw-rating-source-row,
  .tw-rating-source-row[href] {
    grid-template-columns: minmax(0, 1fr) 56px !important;
    grid-template-areas:
      "main score"
      "stars count" !important;
  }

  .tw-rating-source-count {
    grid-area: count !important;
    min-width: 0 !important;
    max-width: none !important;
    align-items: flex-end !important;
  }

  .tw-hero-tax-inner {
    grid-template-columns: 25px minmax(0, 1fr) 25px !important;
    column-gap: 8px !important;
  }

  .tw-hero-tax-track {
    grid-auto-columns: 185px !important;
    column-gap: 9px !important;
  }

  .tw-hero-tax-chip {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding: 0 7px !important;
    font-size: 10.5px !important;
  }

  .tw-hero-tax-chip-text {
    font-size: 10.5px !important;
  }

  .tw-hero-tax-arrow {
    width: 23px !important;
    height: 23px !important;
    min-width: 23px !important;
    max-width: 23px !important;
  }

  .tw-coupon-code {
    max-width: 160px !important;
    min-height: 31px !important;
    padding: 6px 31px 6px 11px !important;
    font-size: 14.5px !important;
  }

  .tw-coupon-code::after {
    right: 10px !important;
  }

  .tw-coupon-copy,
  .tw-coupon-copy .elementor-widget-container,
  .tw-coupon-copy .elementor-icon-wrapper,
  .tw-coupon-copy .elementor-icon {
    width: 29px !important;
    min-width: 29px !important;
    max-width: 29px !important;
    height: 29px !important;
    min-height: 29px !important;
    max-height: 29px !important;
    flex-basis: 29px !important;
  }
}

/* =========================================================
   ToolWissen – V31 Korrektur
   Zweck:
   - Elementor entscheidet die Breite der Container/Karten selbst.
   - Bewertungsanzahl bleibt sichtbar und wird nicht abgeschnitten.
   - Hero-Taxonomie-Pfeile sind direkt sichtbar und gleichmäßig.
   - Ähnliche-Tools-Pfeile bekommen einen dezenteren Schatten.
   - Gutschein-Code und Kopier-Icon bleiben stabil nebeneinander.
   ========================================================= */

/* ---------------------------------------------------------
   1. Breite / Spaltenbreite wieder Elementor überlassen
   Wichtig: keine festen Grid-Spalten und keine erzwungene
   Kartenbreite für Eckdaten, Bewertungen & Quellen, Alternative.
   --------------------------------------------------------- */

.tw-info-grid,
.tw-tool-info-grid,
.tw-tool-info-grid-2,
.tw-tool-info-grid-3,
.tw-info-grid.tw-info-grid-3,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings {
  display: var(--display, flex) !important;
  grid-template-columns: none !important;
  align-items: stretch !important;
}

.tw-info-grid > .tw-detail-card,
.tw-info-grid > .e-con,
.tw-info-grid > .elementor-element,
.tw-info-grid-3 > .tw-detail-card,
.tw-info-grid-3 > .e-con,
.tw-info-grid-3 > .elementor-element,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .tw-detail-card,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .e-con,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .elementor-element,
.tw-info-grid-ratings .tw-facts-card,
.tw-info-grid-ratings .tw-rating-card,
.tw-info-grid-ratings .tw-alt-card {
  min-width: var(--min-width, 0) !important;
  flex-grow: var(--flex-grow, 0) !important;
  flex-shrink: var(--flex-shrink, 1) !important;
  flex-basis: var(--flex-basis, auto) !important;
  align-self: stretch !important;
}

/* Die eigentlichen Shortcode-Inhalte dürfen innerhalb der Elementor-Karte sauber füllen. */
.tw-rating-shortcode,
.tw-rating-shortcode .elementor-widget-container,
.tw-alt-shortcode,
.tw-alt-shortcode .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}

/* ---------------------------------------------------------
   2. Bewertungen & Quellen: Anzahl sichtbar und nicht abschneiden
   --------------------------------------------------------- */

.tw-rating-source-row,
.tw-rating-source-row[href] {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  grid-template-columns: minmax(118px, 1.15fr) minmax(82px, 0.85fr) minmax(48px, 56px) minmax(76px, 0.8fr) !important;
  column-gap: 12px !important;
  overflow: visible !important;
}

.tw-rating-source-count {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 0 !important;
  max-width: none !important;
  visibility: visible !important;
  opacity: 1 !important;
  overflow: visible !important;
  padding-left: 0 !important;
}

.tw-rating-source-count span,
.tw-rating-source-count small {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.tw-rating-source-count span {
  font-size: 13.5px !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
}

.tw-rating-source-count small {
  margin-top: 3px !important;
  font-size: 11.5px !important;
  line-height: 1.05 !important;
  font-weight: 600 !important;
}

/* ---------------------------------------------------------
   3. Hero-Taxonomie: Chips etwas kleiner, Pfeile sofort klar sichtbar
   --------------------------------------------------------- */

.tw-hero-tax-inner {
  grid-template-columns: 25px minmax(0, 1fr) 25px !important;
  column-gap: 12px !important;
  align-items: center !important;
}

.tw-hero-tax-track {
  grid-auto-columns: calc((100% - 18px) / 3) !important;
  column-gap: 9px !important;
}

.tw-hero-tax-chip {
  height: 27px !important;
  min-height: 27px !important;
  max-height: 27px !important;
  padding: 0 7px !important;
  font-size: 10.4px !important;
  letter-spacing: -0.08px !important;
}

.tw-hero-tax-chip-text {
  font-size: 10.4px !important;
  line-height: 1 !important;
}

.tw-hero-tax-arrow,
.tw-hero-tax-arrow.is-disabled {
  width: 23px !important;
  height: 23px !important;
  min-width: 23px !important;
  max-width: 23px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: center !important;
  align-self: center !important;
  place-self: center !important;
  margin: 0 !important;
  border-color: rgba(15, 23, 42, 0.1) !important;
  background: rgba(255, 255, 255, 0.96) !important;
  color: #475569 !important;
  opacity: 0.82 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  box-shadow: 0 5px 14px rgba(15, 23, 42, 0.055) !important;
}

.tw-hero-tax-arrow:not(.is-disabled) {
  opacity: 1 !important;
  color: #334155 !important;
}

.tw-hero-tax-arrow-left,
.tw-hero-tax-arrow-right {
  margin: 0 !important;
  justify-self: center !important;
}

.tw-hero-tax-arrow span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  line-height: 1 !important;
  transform: translateY(-0.5px) !important;
}

@media (max-width: 767px) {
  .tw-hero-tax-inner {
    grid-template-columns: 25px minmax(0, 1fr) 25px !important;
    column-gap: 8px !important;
  }

  .tw-hero-tax-track {
    grid-auto-columns: 180px !important;
    column-gap: 9px !important;
  }

  .tw-hero-tax-chip {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    padding: 0 7px !important;
    font-size: 10.3px !important;
  }

  .tw-hero-tax-chip-text {
    font-size: 10.3px !important;
  }
}

/* ---------------------------------------------------------
   4. Ähnliche Tools: Pfeile etwas hochwertiger/dezenter
   --------------------------------------------------------- */

.tw-similar9-arrow {
  box-shadow: 0 5px 14px rgba(15, 23, 42, 0.055) !important;
}

.tw-similar9-arrow:hover {
  box-shadow: 0 7px 16px rgba(15, 23, 42, 0.075) !important;
}

/* ---------------------------------------------------------
   5. Gutschein: Code + Kopieren-Icon stabil nebeneinander
   --------------------------------------------------------- */

.e-con:has(> .tw-coupon-code):has(> .tw-coupon-copy),
.elementor-element:has(> .tw-coupon-code):has(> .tw-coupon-copy),
.elementor-widget-container:has(> .tw-coupon-code):has(> .tw-coupon-copy) {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
}

.tw-coupon-code,
.tw-coupon-copy {
  align-self: center !important;
  vertical-align: middle !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tw-coupon-copy,
.tw-coupon-copy .elementor-widget-container,
.tw-coupon-copy .elementor-icon-wrapper,
.tw-coupon-copy .elementor-icon {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 30px !important;
  min-width: 30px !important;
  max-width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  max-height: 30px !important;
  flex: 0 0 30px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  transform: none !important;
}

.tw-coupon-copy {
  margin-left: 8px !important;
}

.tw-coupon-copy.is-copied,
.tw-coupon-copy.is-copied:hover {
  background: transparent !important;
  color: #07142f !important;
  transform: none !important;
}

.tw-coupon-copy.is-copied::before,
.tw-coupon-copy.is-copied::after {
  content: none !important;
  display: none !important;
}

/* ============================================================
   ToolWissen – V31 Korrektur: Elementor-Breiten wieder freigeben
   Bereich:
   Tool-Detailseite → Info Raster 3 → Eckdaten / Bewertungen & Quellen / Alternative

   Warum:
   Frühere Versionen haben das 3er-Raster per CSS als Grid aufgebaut und
   den Karten width: 100% gegeben. Dadurch konnte der Elementor-Breite-Regler
   bei den einzelnen Containern nicht mehr sauber wirken.

   Wirkung:
   - Keine festen Grid-Spalten mehr für Info Raster 3 auf Desktop.
   - Die Breite der drei Karten kommt wieder aus Elementor.
   - Design innerhalb der Karten bleibt unverändert.
   ============================================================ */

@media (min-width: 768px) {
  .tw-info-grid.tw-info-grid-3.tw-info-grid-ratings {
    display: var(--display, flex) !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
  }

  .tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .tw-detail-card,
  .tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .e-con,
  .tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .elementor-element,
  .tw-info-grid-ratings .tw-facts-card,
  .tw-info-grid-ratings .tw-rating-card,
  .tw-info-grid-ratings .tw-alt-card {
          flex-grow: var(--flex-grow, 0) !important;
    flex-shrink: var(--flex-shrink, 1) !important;
  }
}

/* Linker Taxonomie-Pfeil direkt sichtbar, nicht blass */
.tw-tax-strip-arrow,
.tw-tax-strip-arrow.is-disabled,
.tw-tax-strip-arrow[disabled] {
  opacity: 1 !important;
  color: #07142f !important;
}


/* ============================================================
   ToolWissen – V33 Feinkorrektur
   Zweck:
   - Elementor entscheidet weiterhin die Breite der Karten/Container.
   - Info Raster 3 wirkt trotzdem gleichmäßig hoch.
   - Bewertungszeilen passen sich sauber an verschiedene Breiten an.
   - Der externe Link in „Bewertungen & Quellen“ sitzt stabil nach der Bewertungsanzahl.
   ============================================================ */

/* ------------------------------------------------------------
   1. Info Raster 3: gleiche Kartenhöhe, ohne Breite festzulegen
   ------------------------------------------------------------ */

.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings {
  align-items: stretch !important;
}

.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .tw-detail-card,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .e-con,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .elementor-element {
  min-width: 0 !important;
  align-self: stretch !important;
}

.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .e-con,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .elementor-element:not(.tw-detail-card) {
  display: flex !important;
  flex-direction: column !important;
}

.tw-info-grid-ratings .tw-detail-card,
.tw-info-grid-ratings .tw-facts-card,
.tw-info-grid-ratings .tw-rating-card,
.tw-info-grid-ratings .tw-alt-card {
  min-width: 0 !important;
  min-height: 100% !important;
  height: 100% !important;
  align-self: stretch !important;
}

/* ------------------------------------------------------------
   2. Bewertungen & Quellen: flexible Innenaufteilung
   ------------------------------------------------------------ */

.tw-rating-source-row,
.tw-rating-source-row[href] {
  display: grid !important;
  grid-template-columns:
    minmax(138px, 1fr)
    minmax(86px, 96px)
    minmax(46px, 58px)
    minmax(96px, 122px)
    minmax(30px, 34px) !important;
  column-gap: 14px !important;
  align-items: center !important;
  overflow: hidden !important;
}

.tw-rating-source-main,
.tw-rating-source-name,
.tw-rating-source-count {
  min-width: 0 !important;
}

.tw-rating-source-stars {
  width: 96px !important;
  min-width: 86px !important;
  justify-self: start !important;
}

.tw-rating-source-score {
  min-width: 46px !important;
  max-width: 58px !important;
  text-align: center !important;
  justify-self: center !important;
}

.tw-rating-source-count {
  max-width: 122px !important;
  overflow: hidden !important;
  justify-self: start !important;
}

.tw-rating-source-count span,
.tw-rating-source-count small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-rating-source-link {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  justify-self: end !important;
  justify-content: center !important;
}

.tw-rating-source-row[href] .tw-rating-source-link::before {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  font-size: 17px !important;
}

@media (max-width: 1024px) {
  .tw-rating-source-row,
  .tw-rating-source-row[href] {
    grid-template-columns:
      minmax(120px, 1fr)
      minmax(78px, 88px)
      minmax(42px, 52px)
      minmax(82px, 104px)
      minmax(28px, 30px) !important;
    column-gap: 10px !important;
  }

  .tw-rating-source-stars {
    width: 88px !important;
    min-width: 78px !important;
  }

  .tw-rating-source-count {
    max-width: 104px !important;
  }
}

@media (max-width: 767px) {
  .tw-rating-source-row,
  .tw-rating-source-row[href] {
    grid-template-columns: minmax(0, 1fr) 56px !important;
    grid-template-areas:
      "source icon"
      "stars score"
      "count count" !important;
    row-gap: 8px !important;
    column-gap: 12px !important;
    overflow: visible !important;
  }

  .tw-rating-source-main {
    grid-area: source !important;
  }

  .tw-rating-source-stars {
    grid-area: stars !important;
  }

  .tw-rating-source-score {
    grid-area: score !important;
    text-align: right !important;
    justify-self: end !important;
  }

  .tw-rating-source-count {
    grid-area: count !important;
    max-width: none !important;
    align-items: flex-start !important;
  }

  .tw-rating-source-link {
    grid-area: icon !important;
    justify-self: end !important;
  }
}

/* ============================================================
   ToolWissen – V34 Korrektur: Elementor-Breiten + gleiche Kartenhöhe
   Bereich:
   Tool-Detailseite → Info Raster 1, 2 und 3

   Wichtig:
   - Dieses CSS setzt KEINE festen Spaltenbreiten für Eckdaten,
     Bewertungen & Quellen oder Alternative.
   - Die Breite der Container bleibt bei Elementor.
   - Die Karten in einer Reihe strecken sich trotzdem gleichmäßig in der Höhe.
   - Bewertungen & Quellen behalten Anzahl + Link-Icon sauber nebeneinander.
   ============================================================ */

/* ------------------------------------------------------------
   1. Elementor-Breiten wieder freigeben
   ------------------------------------------------------------ */

.tw-info-grid > .tw-detail-card,
.tw-info-grid > .tw-tool-section-card,
.tw-info-grid > .e-con,
.tw-info-grid > .elementor-element,
.tw-info-grid-3 > .tw-detail-card,
.tw-info-grid-3 > .tw-tool-section-card,
.tw-info-grid-3 > .e-con,
.tw-info-grid-3 > .elementor-element,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .tw-detail-card,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .tw-tool-section-card,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .e-con,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .elementor-element,
.tw-tool-info-grid > .tw-detail-card,
.tw-tool-info-grid > .tw-tool-section-card,
.tw-tool-info-grid > .e-con,
.tw-tool-info-grid > .elementor-element,
.tw-tool-info-grid-2 > .tw-detail-card,
.tw-tool-info-grid-2 > .tw-tool-section-card,
.tw-tool-info-grid-2 > .e-con,
.tw-tool-info-grid-2 > .elementor-element {
  width: var(--width, auto) !important;
  max-width: var(--max-width, none) !important;
  flex-basis: var(--flex-basis, auto) !important;
  flex-grow: var(--flex-grow, 0) !important;
  flex-shrink: var(--flex-shrink, 1) !important;
  min-width: 0 !important;
}

.e-con.tw-detail-card,
.e-con.tw-tool-section-card,
.e-con.tw-facts-card,
.e-con.tw-rating-card,
.e-con.tw-alt-card,
.elementor-element.tw-detail-card,
.elementor-element.tw-tool-section-card,
.elementor-element.tw-facts-card,
.elementor-element.tw-rating-card,
.elementor-element.tw-alt-card {
  width: var(--width, auto) !important;
  max-width: var(--max-width, none) !important;
  flex-basis: var(--flex-basis, auto) !important;
  flex-grow: var(--flex-grow, 0) !important;
  flex-shrink: var(--flex-shrink, 1) !important;
}

/* ------------------------------------------------------------
   2. Gleiche Kartenhöhe pro Reihe, ohne Breite festzulegen
   ------------------------------------------------------------ */

.tw-info-grid,
.tw-info-grid-3,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings,
.tw-tool-info-grid,
.tw-tool-info-grid-2 {
  align-items: stretch !important;
}

.tw-info-grid > .e-con,
.tw-info-grid > .elementor-element,
.tw-info-grid-3 > .e-con,
.tw-info-grid-3 > .elementor-element,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .e-con,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .elementor-element,
.tw-tool-info-grid > .e-con,
.tw-tool-info-grid > .elementor-element,
.tw-tool-info-grid-2 > .e-con,
.tw-tool-info-grid-2 > .elementor-element {
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
}

.tw-info-grid > .tw-detail-card,
.tw-info-grid > .tw-tool-section-card,
.tw-info-grid-3 > .tw-detail-card,
.tw-info-grid-3 > .tw-tool-section-card,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .tw-detail-card,
.tw-info-grid.tw-info-grid-3.tw-info-grid-ratings > .tw-tool-section-card,
.tw-tool-info-grid > .tw-detail-card,
.tw-tool-info-grid > .tw-tool-section-card,
.tw-tool-info-grid-2 > .tw-detail-card,
.tw-tool-info-grid-2 > .tw-tool-section-card,
.tw-info-grid > .e-con > .tw-detail-card,
.tw-info-grid > .e-con > .tw-tool-section-card,
.tw-info-grid > .elementor-element > .tw-detail-card,
.tw-info-grid > .elementor-element > .tw-tool-section-card,
.tw-info-grid-3 > .e-con > .tw-detail-card,
.tw-info-grid-3 > .e-con > .tw-tool-section-card,
.tw-info-grid-3 > .elementor-element > .tw-detail-card,
.tw-info-grid-3 > .elementor-element > .tw-tool-section-card,
.tw-tool-info-grid > .e-con > .tw-detail-card,
.tw-tool-info-grid > .e-con > .tw-tool-section-card,
.tw-tool-info-grid > .elementor-element > .tw-detail-card,
.tw-tool-info-grid > .elementor-element > .tw-tool-section-card,
.tw-tool-info-grid-2 > .e-con > .tw-detail-card,
.tw-tool-info-grid-2 > .e-con > .tw-tool-section-card,
.tw-tool-info-grid-2 > .elementor-element > .tw-detail-card,
.tw-tool-info-grid-2 > .elementor-element > .tw-tool-section-card {
  align-self: stretch !important;
  flex: 1 1 auto !important;
  min-height: 100% !important;
  height: auto !important;
}

/* Speziell für die drei Karten in Info Raster 3 */
.tw-info-grid-ratings .tw-facts-card,
.tw-info-grid-ratings .tw-rating-card,
.tw-info-grid-ratings .tw-alt-card,
.tw-tool-info-grid-2 .tw-facts-card,
.tw-tool-info-grid-2 .tw-rating-card,
.tw-tool-info-grid-2 .tw-alt-card {
  align-self: stretch !important;
  min-height: 100% !important;
  height: auto !important;
}

/* ------------------------------------------------------------
   3. Bewertungen & Quellen: flexible, saubere Spalten
   ------------------------------------------------------------ */

.tw-rating-source-row,
.tw-rating-source-row[href] {
  display: grid !important;
  grid-template-columns:
    minmax(132px, 1fr)
    minmax(86px, 96px)
    minmax(46px, 58px)
    fit-content(126px)
    34px !important;
  column-gap: 13px !important;
  align-items: center !important;
  overflow: hidden !important;
}

.tw-rating-source-main {
  min-width: 0 !important;
  overflow: hidden !important;
}

.tw-rating-source-name {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-rating-source-stars {
  width: 96px !important;
  min-width: 86px !important;
  max-width: 96px !important;
  justify-self: start !important;
}

.tw-rating-source-score {
  min-width: 46px !important;
  max-width: 58px !important;
  justify-self: center !important;
  text-align: center !important;
}

.tw-rating-source-count {
  min-width: 74px !important;
  max-width: 126px !important;
  justify-self: start !important;
  overflow: hidden !important;
  padding-left: 0 !important;
}

.tw-rating-source-count span,
.tw-rating-source-count small {
  max-width: 126px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-rating-source-link {
  width: 34px !important;
  min-width: 34px !important;
  max-width: 34px !important;
  justify-self: end !important;
  justify-content: center !important;
  overflow: visible !important;
}

.tw-rating-source-row[href] .tw-rating-source-link::before {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  font-size: 17px !important;
}

/* Wenn die Bewertungs-Karte in Elementor schmaler gemacht wird, bleibt die Logik erhalten. */
@media (max-width: 1024px) {
  .tw-rating-source-row,
  .tw-rating-source-row[href] {
    grid-template-columns:
      minmax(118px, 1fr)
      minmax(78px, 88px)
      minmax(42px, 52px)
      fit-content(108px)
      30px !important;
    column-gap: 10px !important;
  }

  .tw-rating-source-stars {
    width: 88px !important;
    min-width: 78px !important;
    max-width: 88px !important;
  }

  .tw-rating-source-count,
  .tw-rating-source-count span,
  .tw-rating-source-count small {
    max-width: 108px !important;
  }

  .tw-rating-source-link {
    width: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
  }
}

@media (max-width: 767px) {
  .tw-rating-source-row,
  .tw-rating-source-row[href] {
    grid-template-columns: minmax(0, 1fr) 56px !important;
    grid-template-areas:
      "source icon"
      "stars score"
      "count count" !important;
    row-gap: 8px !important;
    column-gap: 12px !important;
    overflow: visible !important;
  }

  .tw-rating-source-main {
    grid-area: source !important;
  }

  .tw-rating-source-stars {
    grid-area: stars !important;
  }

  .tw-rating-source-score {
    grid-area: score !important;
    justify-self: end !important;
    text-align: right !important;
  }

  .tw-rating-source-count {
    grid-area: count !important;
    max-width: none !important;
  }

  .tw-rating-source-count span,
  .tw-rating-source-count small {
    max-width: 100% !important;
  }

  .tw-rating-source-link {
    grid-area: icon !important;
    justify-self: end !important;
  }
}


/* =========================================================
   ToolWissen – Detailseite V18 gezielte Korrekturen
   =========================================================
   Zweck:
   - NICHT die gesamte Detailseite überschreiben.
   - Nur Hero-Preisbox, Eckdaten-Shortcode und Hero-Taxonomie-Slider stabilisieren.
   - Bestehende Klassen aus deiner Elementor-Struktur weiterverwenden:
     tw-tool-hero-price, tw-tool-section-card, eckdaten-short-widget,
     tw-hero-tax-strip, tw-hero-tax-viewport, tw-hero-tax-track, tw-hero-tax-chip.
   ========================================================= */

/* =========================================================
   1. Hero-Preisbox – Shortcode [tw_tool_price_box]
   ========================================================= */

.tw-tool-hero-price,
.tw-card-price.tw-tool-hero-price {
  box-sizing: border-box !important;
  overflow: visible !important;
}

.tw-tool-hero-price .elementor-widget-shortcode,
.tw-tool-hero-price .elementor-widget-shortcode > .elementor-widget-container,
.tw-pricebox-shortcode,
.tw-pricebox-shortcode > .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
}

.tw-pricebox-v18 {
  width: 100% !important;
  max-width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 22px !important;
  color: #07142f !important;
  font-family: inherit !important;
}

.tw-pricebox-head-v18 {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 12px !important;
}

.tw-pricebox-title-v18 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: clamp(26px, 2vw, 34px) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
  color: #07142f !important;
}

.tw-pricebox-price-v18 {
  width: 100% !important;
  display: block !important;
}

.tw-price-output-v18 {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  color: #07142f !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
}

.tw-price-output-v18 .tw-price-prefix-v18 {
  font-size: 16px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  color: #5b677a !important;
}

.tw-price-output-v18 .tw-price-amount-v18 {
  display: inline-block !important;
  font-size: clamp(38px, 3vw, 54px) !important;
  line-height: 0.96 !important;
  font-weight: 950 !important;
  color: #07142f !important;
  letter-spacing: -0.055em !important;
}

.tw-price-output-v18 .tw-price-currency-v18 {
  display: inline-block !important;
  margin-left: 1px !important;
  font-size: clamp(26px, 2vw, 36px) !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  color: #07142f !important;
  letter-spacing: -0.04em !important;
}

.tw-price-output-v18 .tw-price-interval-v18 {
  display: inline-flex !important;
  align-items: center !important;
  margin-left: 8px !important;
  padding-left: 14px !important;
  min-height: 28px !important;
  border-left: 1px solid #d7e1f2 !important;
  font-size: clamp(15px, 1vw, 18px) !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color: #5b677a !important;
  letter-spacing: -0.01em !important;
}

.tw-price-output-v18.is-special {
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
  border-radius: 999px !important;
  border: 1px solid #d7e5ff !important;
  background: #f5f9ff !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #0b4fd8 !important;
  letter-spacing: -0.01em !important;
  white-space: normal !important;
}

.tw-pricebox-meta-v18 {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
  padding-top: 2px !important;
}

.tw-pricebox-row-v18 {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  font-size: 16px !important;
  line-height: 1.35 !important;
  font-weight: 850 !important;
  letter-spacing: -0.01em !important;
  color: #07142f !important;
}

.tw-pricebox-row-v18 strong {
  margin-left: 2px !important;
  font: inherit !important;
  font-weight: 900 !important;
  color: #07142f !important;
  white-space: nowrap !important;
}

.tw-pricebox-icon-v18 {
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #07142f !important;
}

.tw-pricebox-icon-v18 svg,
.tw-facts-icon-v18 svg,
.tw-coupon-copy-v18 svg {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.tw-pricebox-coupon-v18 {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) 48px !important;
  align-items: center !important;
  gap: 12px !important;
  padding-top: 20px !important;
  border-top: 1px solid #e6edf7 !important;
}

.tw-pricebox-coupon-v18 .tw-coupon-label {
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  color: #07142f !important;
  white-space: nowrap !important;
}

.tw-pricebox-coupon-v18 .tw-coupon-code-v18 {
  min-width: 0 !important;
  width: 100% !important;
  height: 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  border: 1px dashed #b8cdf2 !important;
  border-radius: 14px !important;
  background: #f7faff !important;
  color: #0b4fd8 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.tw-pricebox-coupon-v18 .tw-coupon-code-v18::after,
.tw-pricebox-coupon-v18 .tw-coupon-code-v18.is-copied::after,
.tw-coupon-code-v18::after,
.tw-coupon-code-v18.is-copied::after {
  content: none !important;
  display: none !important;
}

.tw-pricebox-coupon-v18 .tw-coupon-code-v18:hover {
  background: #eef5ff !important;
  border-color: #7facff !important;
  color: #063fb3 !important;
}

.tw-pricebox-coupon-v18 .tw-coupon-copy-v18 {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  border: 1px solid #dde7f5 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: #07142f !important;
  box-shadow: 0 10px 25px rgba(7, 20, 47, 0.08) !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.tw-pricebox-coupon-v18 .tw-coupon-copy-v18:hover {
  transform: translateY(-1px) !important;
  border-color: #b8cdf2 !important;
  color: #0b4fd8 !important;
  box-shadow: 0 14px 30px rgba(7, 20, 47, 0.12) !important;
}

.tw-pricebox-coupon-v18 .tw-coupon-copy-v18 .tw-copy-icon-v18,
.tw-pricebox-coupon-v18 .tw-coupon-copy-v18 .tw-copy-done-v18 {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tw-pricebox-coupon-v18 .tw-coupon-copy-v18 .tw-copy-done-v18 {
  display: none !important;
}

.tw-pricebox-coupon-v18 .tw-coupon-copy-v18.is-copied {
  background: #ecfdf3 !important;
  border-color: #bbf7d0 !important;
  color: #16803c !important;
}

.tw-pricebox-coupon-v18 .tw-coupon-copy-v18.is-copied .tw-copy-icon-v18 {
  display: none !important;
}

.tw-pricebox-coupon-v18 .tw-coupon-copy-v18.is-copied .tw-copy-done-v18 {
  display: inline-flex !important;
}

/* Alte Elementor-Preisstücke ausblenden, falls sie versehentlich noch im Hero-Preisbox-Container liegen. */
.tw-tool-hero-price .tw-price-value,
.tw-tool-hero-price .tw-price-currency,
.tw-tool-hero-price .tw-price-interval,
.tw-tool-hero-price .tw-tool-price-main:empty {
  display: none !important;
}

/* =========================================================
   2. Eckdaten – Shortcode [tw_tool_facts]
   ========================================================= */

.eckdaten-short-widget,
.eckdaten-short-widget .elementor-widget-container,
.tw-facts-shortcode,
.tw-facts-shortcode .elementor-widget-container,
.tw-facts-card-shortcode,
.tw-facts-card-shortcode .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  min-width: 0 !important;
}

.tw-tool-section-card .tw-tool-facts-v18,
.tw-facts-card .tw-tool-facts-v18,
.tw-tool-facts-v18 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  overflow: visible !important;
  color: #07142f !important;
  font-family: inherit !important;
}

.tw-facts-static-v18 {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-width: 0 !important;
}

.tw-facts-row-v18 {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 28px minmax(92px, auto) minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 10px !important;
  min-height: 40px !important;
  padding: 6px 0 !important;
  border-bottom: 1px solid #edf2f8 !important;
  min-width: 0 !important;
}

.tw-facts-row-v18:last-child {
  border-bottom: none !important;
}

.tw-facts-icon-v18 {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 9px !important;
  background: #eef6ff !important;
  border: 1px solid #dbeafe !important;
  color: #0b6ee8 !important;
}

.tw-facts-icon-v18 svg {
  width: 16px !important;
  height: 16px !important;
  stroke-width: 2.35 !important;
}

.tw-facts-label-v18 {
  min-width: 0 !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  color: #07142f !important;
  white-space: nowrap !important;
  letter-spacing: -0.01em !important;
}

.tw-facts-value-v18 {
  min-width: 0 !important;
  width: auto !important;
  display: block !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  color: #253247 !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  writing-mode: horizontal-tb !important;
  text-orientation: mixed !important;
  hyphens: none !important;
}

.tw-facts-tax-box-v18 {
  width: 100% !important;
  min-width: 0 !important;
  padding-top: 18px !important;
  margin-top: 4px !important;
  border-top: 1px solid #e8eef7 !important;
}

.tw-facts-tax-head-v18 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

.tw-facts-tax-title-v18 {
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -0.02em !important;
  color: #07142f !important;
}

.tw-facts-tax-count-v18 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 28px !important;
  height: 28px !important;
  padding: 0 8px !important;
  border-radius: 999px !important;
  background: #eef5ff !important;
  color: #0b6ee8 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

.tw-facts-tax-list-v18 {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  overflow: visible !important;
}

.tw-facts-tax-group-v18 {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.tw-tool-facts-v18:not(.is-open) .tw-facts-tax-group-v18.is-extra {
  display: none !important;
}

.tw-tool-facts-v18.is-open .tw-facts-tax-list-v18 {
  max-height: 285px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 7px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #b9c8dc transparent !important;
}

.tw-tool-facts-v18.is-open .tw-facts-tax-list-v18::-webkit-scrollbar {
  width: 6px !important;
}

.tw-tool-facts-v18.is-open .tw-facts-tax-list-v18::-webkit-scrollbar-thumb {
  background: #b9c8dc !important;
  border-radius: 999px !important;
}

.tw-facts-tax-label-v18 {
  display: block !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: 0.055em !important;
  text-transform: uppercase !important;
  color: #68758a !important;
  white-space: normal !important;
}

.tw-facts-chipline-v18 {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.tw-facts-chip-v18 {
  max-width: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  border: 1px solid #d8e7ff !important;
  background: #f3f8ff !important;
  color: #0b56c7 !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
}

.tw-facts-chip-v18.is-platform,
.tw-facts-chip-v18.is-language {
  background: #effdf8 !important;
  border-color: #c8f4e6 !important;
  color: #04735f !important;
}

.tw-facts-chip-v18.is-price-model,
.tw-facts-chip-v18.is-difficulty {
  background: #fbf7ff !important;
  border-color: #eadcff !important;
  color: #6f30b8 !important;
}

.tw-facts-chip-v18.is-price-level {
  background: #fff8ed !important;
  border-color: #ffdfb8 !important;
  color: #9a4d00 !important;
}

.tw-facts-chip-v18.is-audience {
  background: #f6fbef !important;
  border-color: #dbefc1 !important;
  color: #527600 !important;
}

.tw-facts-toggle-v18 {
  margin-top: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #0067e6 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.tw-facts-toggle-v18:hover {
  color: #004fb3 !important;
  text-decoration: none !important;
}

.tw-facts-toggle-v18 .tw-facts-toggle-less {
  display: none !important;
}

.tw-tool-facts-v18.is-open .tw-facts-toggle-v18 .tw-facts-toggle-more {
  display: none !important;
}

.tw-tool-facts-v18.is-open .tw-facts-toggle-v18 .tw-facts-toggle-less {
  display: inline !important;
}

/* =========================================================
   3. Hero-Taxonomie-Slider – altes Prinzip wieder stabilisieren
   ========================================================= */

.tw-hero-tax-strip {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
}

.tw-hero-tax-inner {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 8px !important;
}

.tw-hero-tax-viewport {
  min-width: 0 !important;
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  scroll-behavior: smooth !important;
  cursor: grab !important;
}

.tw-hero-tax-viewport::-webkit-scrollbar {
  display: none !important;
}

.tw-hero-tax-viewport.is-dragging {
  cursor: grabbing !important;
  scroll-behavior: auto !important;
}

.tw-hero-tax-track {
  width: max-content !important;
  min-width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 10px !important;
}

.tw-hero-tax-chip {
  flex: 0 0 auto !important;
  min-width: 130px !important;
  max-width: 235px !important;
  height: 34px !important;
  padding: 0 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid #dce7f5 !important;
  background: #f6f9fd !important;
  color: #0b4fd8 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

.tw-hero-tax-chip-text {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-hero-tax-chip.is-category {
  background: #eef6ff !important;
  border-color: #d7e8ff !important;
  color: #075fd6 !important;
}

.tw-hero-tax-chip.is-usecase,
.tw-hero-tax-chip.is-function {
  background: #f1fbff !important;
  border-color: #d8f1ff !important;
  color: #056f9f !important;
}

.tw-hero-tax-chip.is-audience {
  background: #f3fbef !important;
  border-color: #d9efcf !important;
  color: #557a00 !important;
}

.tw-hero-tax-chip.is-price {
  background: #fff8e9 !important;
  border-color: #ffe6b8 !important;
  color: #9a5b00 !important;
}

.tw-hero-tax-chip.is-level {
  background: #f7f3ff !important;
  border-color: #e7dcff !important;
  color: #6935b8 !important;
}

.tw-hero-tax-arrow {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid #dce5f1 !important;
  background: rgba(255, 255, 255, 0.95) !important;
  color: #07142f !important;
  box-shadow: 0 8px 22px rgba(7, 20, 47, 0.08) !important;
  cursor: pointer !important;
  z-index: 2 !important;
}

.tw-hero-tax-arrow:hover {
  border-color: #b8cdf2 !important;
  color: #0b4fd8 !important;
  transform: translateY(-1px) !important;
}

.tw-hero-tax-arrow span {
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.tw-hero-tax-arrow.is-disabled {
  opacity: 0.35 !important;
  pointer-events: none !important;
}

.tw-hero-tax-strip.no-scroll .tw-hero-tax-inner {
  grid-template-columns: minmax(0, 1fr) !important;
}

.tw-hero-tax-strip.no-scroll .tw-hero-tax-arrow {
  display: none !important;
}

.tw-hero-tax-strip.no-scroll .tw-hero-tax-track {
  width: 100% !important;
  justify-content: flex-start !important;
}

@media (max-width: 1024px) {
  .tw-pricebox-v18 {
    gap: 18px !important;
  }

  .tw-pricebox-coupon-v18 {
    grid-template-columns: 1fr 46px !important;
  }

  .tw-pricebox-coupon-v18 .tw-coupon-label {
    grid-column: 1 / -1 !important;
  }

  .tw-facts-row-v18 {
    grid-template-columns: 28px minmax(80px, auto) minmax(0, 1fr) !important;
  }
}

@media (max-width: 767px) {
  .tw-pricebox-v18 {
    gap: 18px !important;
  }

  .tw-pricebox-title-v18 {
    font-size: 26px !important;
  }

  .tw-price-output-v18 .tw-price-amount-v18 {
    font-size: 42px !important;
  }

  .tw-price-output-v18 .tw-price-currency-v18 {
    font-size: 30px !important;
  }

  .tw-price-output-v18 .tw-price-interval-v18 {
    font-size: 15px !important;
    margin-left: 6px !important;
    padding-left: 10px !important;
  }

  .tw-pricebox-row-v18 {
    font-size: 15px !important;
    gap: 10px !important;
  }

  .tw-pricebox-coupon-v18 {
    gap: 10px !important;
  }

  .tw-facts-row-v18 {
    grid-template-columns: 28px minmax(76px, auto) minmax(0, 1fr) !important;
    column-gap: 9px !important;
  }

  .tw-facts-label-v18,
  .tw-facts-value-v18 {
    font-size: 13px !important;
  }

  .tw-hero-tax-inner {
    grid-template-columns: 32px minmax(0, 1fr) 32px !important;
    gap: 7px !important;
  }

  .tw-hero-tax-chip {
    min-width: 118px !important;
    max-width: 190px !important;
    height: 32px !important;
    padding: 0 14px !important;
    font-size: 11.5px !important;
  }

  .tw-hero-tax-arrow {
    width: 32px !important;
    height: 32px !important;
  }
}


/* =========================================================
   ToolWissen – Detailseite Shortcode-System V19
   Ziel: alle Inhalte per Shortcode, Elementor nur für Raster.
   Einfügen/ersetzen als kompletter CSS-Code für Detailseite.
   ========================================================= */

/* ------------------------------
   0. Sichere Basis für Shortcode-Widgets
   ------------------------------ */
.tw-hero-content-shortcode,
.tw-pricebox-shortcode,
.tw-overview-text,
.tw-benefit-list,
.tw-cons-list,
.tw-feature-list,
.tw-fit-list,
.tw-notfit-list,
.tw-facts-shortcode,
.tw-rating-shortcode,
.tw-alt-shortcode,
.tw-similar-shortcode {
  width: 100% !important;
  max-width: 100% !important;
}

.tw-hero-content-shortcode > .elementor-widget-container,
.tw-pricebox-shortcode > .elementor-widget-container,
.tw-overview-text > .elementor-widget-container,
.tw-benefit-list > .elementor-widget-container,
.tw-cons-list > .elementor-widget-container,
.tw-feature-list > .elementor-widget-container,
.tw-fit-list > .elementor-widget-container,
.tw-notfit-list > .elementor-widget-container,
.tw-facts-shortcode > .elementor-widget-container,
.tw-rating-shortcode > .elementor-widget-container,
.tw-alt-shortcode > .elementor-widget-container,
.tw-similar-shortcode > .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ------------------------------
   1. Äußere Karten weiter über Elementor nutzen
   ------------------------------ */
.tw-tool-hero-main,
.tw-tool-hero-price,
.tw-detail-card,
.tw-tool-section-card,
.tw-overview-card,
.tw-benefits-card,
.tw-cons-card,
.tw-functions-card,
.tw-fit-card,
.tw-notfit-card,
.tw-tool-info-card,
.tw-rating-card,
.tw-alt-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 24px !important;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.045) !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.tw-tool-hero-main,
.tw-tool-hero-price {
  min-height: 100% !important;
}

.tw-detail-card,
.tw-tool-section-card,
.tw-overview-card,
.tw-benefits-card,
.tw-cons-card,
.tw-functions-card,
.tw-fit-card,
.tw-notfit-card,
.tw-tool-info-card,
.tw-rating-card,
.tw-alt-card {
  padding: 28px !important;
}

.tw-info-grid,
.tw-info-grid-3 {
  align-items: stretch !important;
}

/* ------------------------------
   2. Hero Hauptkarte
   ------------------------------ */
.tw-v19-hero-content {
  display: flex;
  flex-direction: column;
  gap: 22px;
  width: 100%;
  height: 100%;
}

.tw-v19-hero-topline {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 22px;
}

.tw-v19-hero-logo-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 124px;
  max-width: 190px;
  height: 54px;
  border-radius: 18px;
}

.tw-v19-hero-logo {
  display: block;
  max-width: 180px;
  max-height: 46px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.tw-v19-hero-logo-fallback {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 999px;
  background: linear-gradient(135deg, #0ea5e9, #2563eb);
  color: #ffffff;
  font-size: 22px;
  font-weight: 850;
  letter-spacing: -0.04em;
}

.tw-v19-hero-divider {
  width: 100%;
  height: 1px;
  background: #e2e8f0;
}

.tw-v19-hero-title {
  margin: 0 !important;
  color: #07142f !important;
  font-size: clamp(30px, 3vw, 42px) !important;
  line-height: 1.05 !important;
  font-weight: 850 !important;
  letter-spacing: -0.045em !important;
}

.tw-v19-hero-description,
.tw-v19-hero-description p {
  margin: 0 !important;
  color: #18263f !important;
  font-size: clamp(16px, 1.25vw, 19px) !important;
  line-height: 1.55 !important;
  font-weight: 450 !important;
}

.tw-v19-hero-description p + p {
  margin-top: 12px !important;
}

.tw-v19-hero-actions {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px;
  margin-top: 6px;
}

.tw-v19-button {
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 12px;
  padding: 14px 20px;
  text-decoration: none !important;
  font-size: 15px;
  line-height: 1;
  font-weight: 850;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.tw-v19-button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tw-v19-button-primary {
  background: linear-gradient(135deg, #12b8aa, #0daba1) !important;
  color: #ffffff !important;
  box-shadow: 0 13px 26px rgba(13, 171, 161, 0.18);
}

.tw-v19-button-secondary {
  background: #ffffff !important;
  color: #0f9997 !important;
  border: 1px solid #bfe7e3 !important;
}

.tw-v19-button:hover {
  transform: translateY(-1px);
}

/* ------------------------------
   3. Hero Taxonomie-Slider
   ------------------------------ */
.tw-hero-tax-strip {
  width: 100%;
  min-width: 0;
}

.tw-hero-tax-inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
}

.tw-hero-tax-viewport {
  overflow: hidden;
  min-width: 0;
  width: 100%;
}

.tw-hero-tax-track {
  display: flex;
  align-items: center;
  gap: 12px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 2px 1px;
}

.tw-hero-tax-track::-webkit-scrollbar {
  display: none;
}

.tw-hero-tax-chip {
  flex: 0 0 auto;
  min-width: 150px;
  max-width: 240px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid #dbe7f5;
  background: #f8fbff;
  color: #0f4fb8 !important;
  font-size: 12.5px;
  font-weight: 850;
  line-height: 1;
  text-decoration: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tw-hero-tax-chip-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tw-hero-tax-chip.is-category { background: #eef6ff; border-color: #d7eaff; color: #0954bf !important; }
.tw-hero-tax-chip.is-function { background: #eef7ff; border-color: #d9ebff; color: #0b63ce !important; }
.tw-hero-tax-chip.is-price-model { background: #f6edff; border-color: #eadcff; color: #7c2ed3 !important; }
.tw-hero-tax-chip.is-price-level { background: #fff6df; border-color: #ffe4aa; color: #a35c00 !important; }
.tw-hero-tax-chip.is-difficulty { background: #f8fafc; border-color: #e2e8f0; color: #334155 !important; }
.tw-hero-tax-chip.is-language { background: #ecfdf5; border-color: #c8f3de; color: #047857 !important; }
.tw-hero-tax-chip.is-platform { background: #ecfeff; border-color: #bff4f6; color: #0f766e !important; }
.tw-hero-tax-chip.is-audience { background: #fff1f2; border-color: #ffe1e7; color: #be123c !important; }

.tw-hero-tax-arrow {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dfe8f5;
  border-radius: 999px;
  background: #ffffff;
  color: #09214a;
  font-size: 20px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .07);
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.tw-hero-tax-arrow:hover {
  transform: translateY(-1px);
  border-color: #bcd3f0;
  background: #f8fbff;
}

.tw-hero-tax-strip.no-scroll .tw-hero-tax-inner {
  grid-template-columns: minmax(0, 1fr);
}

/* ------------------------------
   4. Preisbox
   ------------------------------ */
.tw-v19-pricebox {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  gap: 22px;
}

.tw-v19-pricebox-title {
  margin: 0 !important;
  color: #07142f !important;
  font-size: clamp(28px, 2.8vw, 38px) !important;
  line-height: 1.1 !important;
  font-weight: 850 !important;
  letter-spacing: -0.045em !important;
}

.tw-v19-pricebox-price {
  display: block;
}

.tw-v19-price-line {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  color: #07142f;
  white-space: nowrap;
}

.tw-v19-price-amount {
  font-size: clamp(34px, 4.4vw, 58px);
  line-height: .9;
  font-weight: 900;
  letter-spacing: -0.07em;
}

.tw-v19-price-currency {
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1;
  font-weight: 900;
  letter-spacing: -0.04em;
}

.tw-v19-price-period {
  margin-left: 7px;
  padding-left: 14px;
  border-left: 1px solid #dbe5f0;
  color: #5a667a;
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.1;
  font-weight: 850;
  letter-spacing: -0.02em;
}

.tw-v19-price-request,
.tw-v19-price-free {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  background: #f3f7ff;
  border: 1px solid #dbe8ff;
  color: #0b58d0;
  font-size: 17px;
  font-weight: 850;
}

.tw-v19-pricebox-meta {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 4px;
}

.tw-v19-pricebox-row {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #07142f;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 800;
}

.tw-v19-pricebox-row.is-updated {
  flex-wrap: wrap;
}

.tw-v19-pricebox-row.is-updated strong {
  margin-left: auto;
  font-weight: 850;
}

.tw-v19-row-icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07142f;
}

.tw-v19-row-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.05;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tw-v19-coupon-row {
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid #e5ebf3;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
}

.tw-v19-coupon-label {
  color: #07142f;
  font-size: 14px;
  font-weight: 850;
}

.tw-v19-coupon-code {
  min-width: 0;
  height: 44px;
  padding: 0 18px;
  border: 1px dashed #b8cce9;
  border-radius: 14px;
  background: #f8fbff;
  color: #0b58d0;
  font-size: 15px;
  font-weight: 900;
  text-align: center;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tw-v19-coupon-copy {
  width: 44px;
  height: 44px;
  border: 1px solid #e0e8f4;
  border-radius: 14px;
  background: #ffffff;
  color: #07142f;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 10px 22px rgba(15, 23, 42, .08);
}

.tw-v19-coupon-copy svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tw-v19-coupon-copy .tw-copy-success {
  display: none;
  color: #059669;
}

.tw-v19-coupon-copy.is-copied .tw-copy-default {
  display: none;
}

.tw-v19-coupon-copy.is-copied .tw-copy-success {
  display: inline-flex;
}

/* ------------------------------
   5. Abschnittsnavigation
   ------------------------------ */
.tw-tool-section-nav {
  overflow: visible !important;
}

.tw-v19-section-nav {
  width: 100%;
  background: #ffffff;
  border: 1px solid #dfe8f5;
  border-radius: 18px;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .04);
  overflow: hidden;
}

.tw-v19-section-nav-track {
  display: flex;
  align-items: center;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0 10px;
}

.tw-v19-section-nav-track::-webkit-scrollbar {
  display: none;
}

.tw-v19-section-nav-link {
  min-height: 48px;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 15px;
  border-bottom: 3px solid transparent;
  color: #0b4fb8 !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 850;
  line-height: 1;
  white-space: nowrap;
  transition: background .18s ease, border-color .18s ease, color .18s ease;
}

.tw-v19-section-nav-link:hover,
.tw-v19-section-nav-link.is-active {
  background: #f7fbff;
  border-bottom-color: #0b6bff;
  color: #0645a8 !important;
}

.tw-v19-section-nav-icon {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #07142f;
}

.tw-v19-section-nav-icon svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* ------------------------------
   6. Karten-Inhalte aus Shortcodes
   ------------------------------ */
.tw-v19-card-inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 18px;
  scroll-margin-top: 110px;
}

.tw-v19-card-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  color: #07142f !important;
  font-size: clamp(24px, 2vw, 32px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -0.045em !important;
}

.tw-v19-title-icon {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: #f1f7ff;
  color: #0b6bff;
}

.tw-v19-card-inner.is-benefits .tw-v19-title-icon,
.tw-v19-card-inner.is-fit .tw-v19-title-icon { background: #ecfdf5; color: #059669; }
.tw-v19-card-inner.is-cons .tw-v19-title-icon,
.tw-v19-card-inner.is-notfit .tw-v19-title-icon { background: #fff1f3; color: #e11d48; }
.tw-v19-card-inner.is-ratings .tw-v19-title-icon { background: #ecfdf5; color: #059669; }
.tw-v19-card-inner.is-alternatives .tw-v19-title-icon { background: #f5f0ff; color: #7c3aed; }

.tw-v19-title-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tw-v19-card-body {
  min-width: 0;
  color: #18263f;
}

.tw-v19-prose,
.tw-v19-prose p {
  color: #18263f !important;
  font-size: 16px !important;
  line-height: 1.62 !important;
  font-weight: 430 !important;
  margin: 0 !important;
}

.tw-v19-prose p + p {
  margin-top: 15px !important;
}

.tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body {
  max-height: 250px;
  overflow: hidden;
  position: relative;
}

.tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 54px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff 82%);
  pointer-events: none;
}

.tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body {
  max-height: 380px;
  overflow-y: auto;
  padding-right: 8px;
}

.tw-v19-more {
  margin-top: 16px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #0066df;
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.tw-less-label,
.tw-v19-expand[data-collapsed="false"] .tw-more-label,
.tw-v19-facts-tax[data-expanded="true"] .tw-more-label {
  display: none;
}

.tw-v19-expand[data-collapsed="false"] .tw-less-label,
.tw-v19-facts-tax[data-expanded="true"] .tw-less-label {
  display: inline;
}

/* Listen */
.tw-v19-list,
.tw-v19-list-content ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.tw-v19-list li,
.tw-v19-list-content li {
  position: relative;
  margin: 0 !important;
  padding-left: 35px !important;
  color: #18263f !important;
  font-size: 15.5px !important;
  line-height: 1.45 !important;
  font-weight: 460 !important;
}

.tw-v19-list li::before,
.tw-v19-list-content li::before {
  content: "✓";
  position: absolute;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eaf8f1;
  color: #059669;
  font-size: 12px;
  font-weight: 900;
}

.tw-v19-list-negative li::before,
.tw-v19-card-inner.is-cons li::before,
.tw-v19-card-inner.is-notfit li::before {
  content: "×";
  background: #fff1f3;
  color: #e11d48;
}

.tw-v19-list-feature li::before,
.tw-v19-card-inner.is-functions li::before {
  content: "✓";
  background: #eef6ff;
  color: #0b6bff;
}

/* ------------------------------
   7. Eckdaten
   ------------------------------ */
.tw-v19-facts-card-content {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.tw-v19-facts-static {
  display: flex;
  flex-direction: column;
  gap: 0;
  border-bottom: 1px solid #e8eef6;
  padding-bottom: 16px;
}

.tw-v19-fact-row {
  display: grid;
  grid-template-columns: 28px minmax(92px, auto) minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 38px;
  border-bottom: 1px solid #f0f4f8;
}

.tw-v19-fact-row:last-child {
  border-bottom: 0;
}

.tw-v19-fact-icon {
  width: 25px;
  height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #eef6ff;
  color: #0b6bff;
}

.tw-v19-fact-icon svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.tw-v19-fact-label {
  color: #07142f;
  font-size: 13.5px;
  font-weight: 900;
  white-space: nowrap;
}

.tw-v19-fact-value {
  min-width: 0;
  color: #18263f;
  font-size: 13.5px;
  font-weight: 650;
  overflow-wrap: anywhere;
}

.tw-v19-facts-tax-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.tw-v19-facts-tax-head span {
  color: #07142f;
  font-size: 15px;
  line-height: 1.1;
  font-weight: 900;
}

.tw-v19-facts-tax-head strong {
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #eef6ff;
  color: #0b6bff;
  font-size: 13px;
  font-weight: 900;
}

.tw-v19-facts-tax-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 245px;
  overflow: hidden;
}

.tw-v19-facts-tax[data-expanded="true"] .tw-v19-facts-tax-list {
  max-height: 310px;
  overflow-y: auto;
  padding-right: 7px;
}

.tw-v19-facts-tax[data-expanded="false"] .tw-v19-facts-group.is-extra {
  display: none;
}

.tw-v19-facts-group-label {
  margin: 0 0 7px 0;
  color: #64748b;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.tw-v19-facts-chipline {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.tw-v19-facts-chip {
  display: inline-flex;
  align-items: center;
  min-height: 27px;
  padding: 0 11px;
  border-radius: 999px;
  border: 1px solid #dbe7f5;
  background: #f8fbff;
  color: #0f4fb8;
  font-size: 11.5px;
  font-weight: 900;
  line-height: 1;
  white-space: nowrap;
}

.tw-v19-facts-chip.is-language { background:#ecfdf5; border-color:#c8f3de; color:#047857; }
.tw-v19-facts-chip.is-platform { background:#ecfeff; border-color:#bff4f6; color:#0f766e; }
.tw-v19-facts-chip.is-price-model { background:#f6edff; border-color:#eadcff; color:#7c2ed3; }
.tw-v19-facts-chip.is-price-level { background:#fff6df; border-color:#ffe4aa; color:#a35c00; }
.tw-v19-facts-chip.is-difficulty { background:#f8fafc; border-color:#e2e8f0; color:#334155; }
.tw-v19-facts-chip.is-category { background:#eef6ff; border-color:#d7eaff; color:#0954bf; }
.tw-v19-facts-chip.is-function { background:#eef7ff; border-color:#d9ebff; color:#0b63ce; }
.tw-v19-facts-chip.is-audience { background:#fff1f2; border-color:#ffe1e7; color:#be123c; }

/* ------------------------------
   8. Bewertungen
   ------------------------------ */
.tw-v19-slider-viewport {
  width: 100%;
  overflow: hidden;
}

.tw-v19-slider-page[hidden] {
  display: none !important;
}

.tw-v19-ratings-slider .tw-v19-slider-page {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.tw-v19-rating-row {
  display: grid;
  grid-template-columns: 42px minmax(98px, 1fr) auto 44px minmax(72px, auto);
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 14px 0;
  border-top: 1px solid #e8eef6;
  color: #07142f;
  text-decoration: none !important;
}

.tw-v19-rating-logo {
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #f3f7ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #0b6bff;
  font-size: 11px;
  font-weight: 900;
}

.tw-v19-rating-logo img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.tw-v19-rating-name {
  font-size: 14px;
  font-weight: 900;
  color: #07142f;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tw-v19-rating-score {
  font-size: 17px;
  line-height: 1;
  font-weight: 900;
  color: #07142f;
  text-align: right;
}

.tw-v19-rating-count {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  color: #07142f;
}

.tw-v19-rating-count strong {
  font-size: 14px;
  line-height: 1;
  font-weight: 900;
}

.tw-v19-rating-count small {
  font-size: 11.5px;
  line-height: 1;
  color: #64748b;
  font-weight: 650;
}

.tw-v19-stars {
  position: relative;
  display: inline-block;
  font-size: 17px;
  line-height: 1;
  letter-spacing: 2px;
  width: max-content;
  color: #d8dee8;
  font-family: Arial, sans-serif;
}

.tw-v19-stars-base,
.tw-v19-stars-fill {
  display: block;
  white-space: nowrap;
}

.tw-v19-stars-fill {
  position: absolute;
  inset: 0 auto auto 0;
  width: var(--tw-rating-percent, 0%);
  overflow: hidden;
  color: #f6a800;
}

.tw-v19-slider-controls {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 14px;
}

.tw-v19-slider-main {
  min-height: 48px;
  width: 100%;
  border: 1px solid #dbe7f5;
  border-radius: 12px;
  background: #f8fbff;
  color: #0066df;
  font-size: 14px;
  font-weight: 900;
  cursor: pointer;
}

.tw-v19-slider-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.tw-v19-slider-dot {
  width: 8px;
  height: 8px;
  border: 0;
  border-radius: 999px;
  background: #cbd5e1;
  cursor: pointer;
}

.tw-v19-slider-dot.is-active {
  width: 24px;
  background: #0b6bff;
}

/* ------------------------------
   9. Alternativen & ähnliche Tools
   ------------------------------ */
.tw-v19-card-inner.is-alternatives .tw-alt-v3,
.tw-v19-similar-body {
  width: 100%;
}

.tw-v19-similar {
  width: 100%;
  border: 1px solid #e2e8f0;
  border-radius: 24px;
  background: #ffffff;
  box-shadow: 0 18px 46px rgba(15, 23, 42, 0.045);
  padding: 28px;
  box-sizing: border-box;
}

.tw-v19-similar-head {
  text-align: center;
  margin-bottom: 22px;
}

.tw-v19-similar-head h2 {
  margin: 0 !important;
  color: #07142f !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

.tw-v19-similar-head p {
  margin: 8px 0 0 0 !important;
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 550 !important;
}

/* ------------------------------
   10. Tablet & Mobile
   ------------------------------ */
@media (max-width: 1024px) {
  .tw-v19-hero-topline {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .tw-v19-hero-logo-wrap {
    justify-content: flex-start;
  }

  .tw-v19-hero-actions {
    grid-template-columns: 1fr;
  }

  .tw-v19-pricebox-title {
    font-size: 30px !important;
  }

  .tw-v19-rating-row {
    grid-template-columns: 38px minmax(72px, 1fr) auto 38px;
    gap: 9px;
  }

  .tw-v19-rating-count {
    grid-column: 2 / -1;
    flex-direction: row;
    gap: 5px;
  }
}

@media (max-width: 767px) {
  .tw-detail-card,
  .tw-tool-section-card,
  .tw-overview-card,
  .tw-benefits-card,
  .tw-cons-card,
  .tw-functions-card,
  .tw-fit-card,
  .tw-notfit-card,
  .tw-tool-info-card,
  .tw-rating-card,
  .tw-alt-card {
    padding: 22px !important;
    border-radius: 20px !important;
  }

  .tw-v19-card-title {
    font-size: 25px !important;
  }

  .tw-v19-title-icon {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }

  .tw-v19-hero-title {
    font-size: 32px !important;
  }

  .tw-v19-hero-description,
  .tw-v19-hero-description p {
    font-size: 16px !important;
  }

  .tw-v19-hero-actions {
    grid-template-columns: 1fr;
  }

  .tw-v19-button {
    width: 100%;
  }

  .tw-v19-price-line {
    gap: 6px;
  }

  .tw-v19-price-amount {
    font-size: 44px;
  }

  .tw-v19-price-period {
    font-size: 15px;
    padding-left: 10px;
    margin-left: 4px;
  }

  .tw-v19-pricebox-row.is-updated strong {
    margin-left: 0;
  }

  .tw-v19-coupon-row {
    grid-template-columns: 1fr auto;
  }

  .tw-v19-coupon-label {
    grid-column: 1 / -1;
  }

  .tw-v19-fact-row {
    grid-template-columns: 28px minmax(82px, auto) minmax(0, 1fr);
  }

  .tw-v19-rating-row {
    grid-template-columns: 38px minmax(0, 1fr) auto;
    align-items: center;
  }

  .tw-v19-rating-row .tw-v19-stars {
    grid-column: 2 / -1;
    margin-top: -4px;
  }

  .tw-v19-rating-score {
    grid-column: 3;
    grid-row: 1;
  }

  .tw-v19-rating-count {
    grid-column: 2 / -1;
  }

  .tw-v19-similar {
    padding: 22px;
    border-radius: 20px;
  }
}


/* =========================================================
   ToolWissen – Detailseite V20 Profi-Feinschliff
   Ziel:
   - V19 behalten, aber optisch sauberer machen.
   - Hero-Logo aus ACF sauber darstellen.
   - Bewertungslogos professioneller, nicht gequetscht.
   - Kartenhöhe, Abstände, Buttons, Mehr-anzeigen-Logik und Breakpoints glätten.
   ========================================================= */

/* ---------------------------------------------------------
   1. Grundlayout: Karten dürfen professionell wirken, aber nicht zerfallen
   --------------------------------------------------------- */
.tw-tool-hero-main,
.tw-tool-hero-price,
.tw-detail-card,
.tw-tool-section-card,
.tw-overview-card,
.tw-benefits-card,
.tw-cons-card,
.tw-functions-card,
.tw-fit-card,
.tw-notfit-card,
.tw-tool-info-card,
.tw-rating-card,
.tw-alt-card {
  isolation: isolate !important;
}

.tw-detail-card > .elementor-widget,
.tw-tool-section-card > .elementor-widget,
.tw-overview-card > .elementor-widget,
.tw-benefits-card > .elementor-widget,
.tw-cons-card > .elementor-widget,
.tw-functions-card > .elementor-widget,
.tw-fit-card > .elementor-widget,
.tw-notfit-card > .elementor-widget,
.tw-tool-info-card > .elementor-widget,
.tw-rating-card > .elementor-widget,
.tw-alt-card > .elementor-widget {
  width: 100% !important;
  max-width: 100% !important;
}

.tw-v19-card-inner,
.tw-v20-hero-content,
.tw-v19-pricebox {
  width: 100% !important;
  max-width: 100% !important;
}

.tw-v19-card-inner {
  min-height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.tw-v19-card-body {
  flex: 1 1 auto !important;
}

/* ---------------------------------------------------------
   2. Hero Hauptkarte: Logo wirklich wie Tool-Logo behandeln
   --------------------------------------------------------- */
.tw-v20-hero-topline,
.tw-v19-hero-topline {
  grid-template-columns: minmax(112px, auto) minmax(0, 1fr) !important;
  gap: 18px !important;
}

.tw-v20-hero-logo-wrap,
.tw-v19-hero-logo-wrap {
  min-width: 108px !important;
  width: auto !important;
  max-width: 220px !important;
  height: 58px !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}

.tw-v20-hero-logo,
.tw-v19-hero-logo {
  max-width: 210px !important;
  max-height: 52px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.tw-v20-hero-logo-fallback,
.tw-v19-hero-logo-fallback {
  width: 54px !important;
  height: 54px !important;
  font-size: 22px !important;
}

.tw-v19-hero-title,
.tw-v20-hero-title {
  font-size: clamp(30px, 2.5vw, 39px) !important;
  letter-spacing: -0.05em !important;
}

.tw-v19-hero-description,
.tw-v19-hero-description p,
.tw-v20-hero-description,
.tw-v20-hero-description p {
  max-width: 100% !important;
}

/* ---------------------------------------------------------
   3. Hero Taxonomie-Slider: altes gutes Prinzip, aber sauberer
   --------------------------------------------------------- */
.tw-hero-tax-strip {
  min-width: 0 !important;
  max-width: 100% !important;
}

.tw-hero-tax-inner {
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  gap: 8px !important;
}

.tw-hero-tax-track {
  cursor: grab !important;
  user-select: none !important;
  scroll-snap-type: x proximity !important;
  -webkit-overflow-scrolling: touch !important;
}

.tw-hero-tax-track.is-dragging {
  cursor: grabbing !important;
  scroll-behavior: auto !important;
}

.tw-hero-tax-chip {
  scroll-snap-align: start !important;
  min-width: 158px !important;
  max-width: 230px !important;
  height: 35px !important;
  font-size: 12.5px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8) !important;
}

.tw-hero-tax-arrow.is-disabled {
  opacity: .34 !important;
  pointer-events: none !important;
}

/* ---------------------------------------------------------
   4. Preisbox: mehr Premium, weniger gedrückt
   --------------------------------------------------------- */
.tw-v19-pricebox {
  gap: 20px !important;
}

.tw-v19-pricebox-title {
  font-size: clamp(29px, 2.3vw, 36px) !important;
  margin-bottom: 0 !important;
}

.tw-v19-price-line {
  align-items: baseline !important;
  gap: 7px !important;
}

.tw-v19-price-amount {
  font-size: clamp(42px, 3.7vw, 56px) !important;
  line-height: .92 !important;
}

.tw-v19-price-currency {
  font-size: clamp(25px, 2.05vw, 32px) !important;
}

.tw-v19-price-period {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  margin-left: 8px !important;
  padding-left: 14px !important;
  font-size: clamp(15px, 1.05vw, 17px) !important;
  color: #52627a !important;
}

.tw-v19-pricebox-row {
  font-size: 14.5px !important;
  gap: 11px !important;
}

.tw-v19-pricebox-row.is-updated {
  display: grid !important;
  grid-template-columns: 24px auto 1fr !important;
  align-items: center !important;
}

.tw-v19-pricebox-row.is-updated strong {
  margin-left: 8px !important;
  justify-self: end !important;
}

.tw-v19-coupon-row {
  grid-template-columns: auto minmax(118px, 1fr) 44px !important;
  gap: 12px !important;
}

.tw-v19-coupon-code {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* ---------------------------------------------------------
   5. Abschnittsnavigation: hochwertiger, aktiv deutlicher
   --------------------------------------------------------- */
.tw-v19-section-nav {
  overflow: hidden !important;
}

.tw-v19-section-nav-track {
  scroll-snap-type: x proximity !important;
  -webkit-overflow-scrolling: touch !important;
}

.tw-v19-section-nav-link {
  scroll-snap-align: start !important;
  position: relative !important;
  min-height: 48px !important;
  padding: 0 16px !important;
}

.tw-v19-section-nav-link::after {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  right: 14px !important;
  bottom: 0 !important;
  height: 3px !important;
  border-radius: 999px 999px 0 0 !important;
  background: transparent !important;
  transition: background .18s ease !important;
}

.tw-v19-section-nav-link.is-active::after,
.tw-v19-section-nav-link:hover::after {
  background: #0b6bff !important;
}

/* ---------------------------------------------------------
   6. Inhaltskarten: professioneller Rhythmus, keine doppelten Buttons
   --------------------------------------------------------- */
.tw-v19-card-title {
  margin-bottom: 22px !important;
  gap: 14px !important;
}

.tw-v19-title-icon {
  width: 34px !important;
  height: 34px !important;
  flex-basis: 34px !important;
  border-radius: 12px !important;
}

.tw-v19-card-body {
  display: flex !important;
  flex-direction: column !important;
}

.tw-v19-list,
.tw-v19-list-content ul {
  gap: 13px !important;
}

.tw-v19-list li,
.tw-v19-list-content li {
  padding-left: 32px !important;
  font-size: 15px !important;
  line-height: 1.48 !important;
}

.tw-v19-list li::before,
.tw-v19-list-content li::before {
  width: 19px !important;
  height: 19px !important;
  top: 1px !important;
}

.tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body {
  max-height: 270px !important;
}

.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body {
  max-height: 255px !important;
}

.tw-v19-more[hidden],
.tw-v19-more[style*="display: none"] {
  display: none !important;
}

.tw-v19-more {
  align-self: flex-start !important;
  margin-top: 17px !important;
}

/* ---------------------------------------------------------
   7. Eckdaten: gleiche Kartenlogik, aber kompakter und sauberer
   --------------------------------------------------------- */
.tw-v20-facts-card-content,
.tw-v19-facts-card-content {
  gap: 18px !important;
}

.tw-v20-facts-static,
.tw-v19-facts-static {
  padding-bottom: 15px !important;
}

.tw-v19-fact-row {
  grid-template-columns: 28px minmax(88px, auto) minmax(0, 1fr) !important;
  gap: 10px !important;
  min-height: 36px !important;
}

.tw-v19-fact-value {
  text-align: left !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.tw-v19-facts-tax-head,
.tw-v20-facts-tax-head {
  margin-bottom: 11px !important;
}

.tw-v19-facts-tax-list,
.tw-v20-facts-tax-list {
  gap: 11px !important;
  max-height: 225px !important;
}

.tw-v19-facts-tax[data-expanded="true"] .tw-v19-facts-tax-list,
.tw-v20-facts-tax[data-expanded="true"] .tw-v20-facts-tax-list {
  max-height: 276px !important;
  overflow-y: auto !important;
  padding-right: 6px !important;
}

.tw-v19-facts-chip,
.tw-v20-facts-chip {
  min-height: 26px !important;
  padding: 0 10px !important;
  font-size: 11.2px !important;
}

/* ---------------------------------------------------------
   8. Bewertungen: echtes Logo, aber klares 2-Zeilen-Raster
   --------------------------------------------------------- */
.tw-v19-card-inner.is-ratings .tw-v19-card-body {
  justify-content: flex-start !important;
}

.tw-v20-rating-row,
.tw-v19-rating-row {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) auto !important;
  grid-template-areas:
    "logo name score"
    "logo stars count" !important;
  align-items: center !important;
  gap: 7px 12px !important;
  min-height: 74px !important;
  padding: 13px 0 !important;
}

.tw-v20-rating-logo,
.tw-v19-rating-logo {
  grid-area: logo !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  padding: 5px !important;
  background: #f5f8ff !important;
  border: 1px solid #e8eef6 !important;
  box-sizing: border-box !important;
}

.tw-v19-rating-row.is-trustpilot .tw-v19-rating-logo {
  background: #e9fff4 !important;
  border-color: #c7f5df !important;
}

.tw-v19-rating-row.is-g2 .tw-v19-rating-logo {
  background: #fff4f4 !important;
  border-color: #ffe1e1 !important;
}

.tw-v19-rating-row.is-capterra .tw-v19-rating-logo {
  background: #eef8ff !important;
  border-color: #d7edff !important;
}

.tw-v19-rating-row.is-google .tw-v19-rating-logo {
  background: #ffffff !important;
  border-color: #e8eef6 !important;
}

.tw-v20-rating-logo img,
.tw-v19-rating-logo img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

.tw-v20-rating-name,
.tw-v19-rating-name {
  grid-area: name !important;
  font-size: 14px !important;
  min-width: 0 !important;
}

.tw-v20-stars,
.tw-v19-rating-row .tw-v19-stars {
  grid-area: stars !important;
  font-size: 15px !important;
  letter-spacing: 1.7px !important;
}

.tw-v20-rating-score,
.tw-v19-rating-score {
  grid-area: score !important;
  font-size: 17px !important;
  align-self: end !important;
}

.tw-v20-rating-count,
.tw-v19-rating-count {
  grid-area: count !important;
  align-items: flex-end !important;
  justify-self: end !important;
  text-align: right !important;
}

.tw-v20-rating-count strong,
.tw-v19-rating-count strong {
  font-size: 13.5px !important;
}

.tw-v20-rating-count small,
.tw-v19-rating-count small {
  font-size: 11px !important;
}

.tw-v19-slider-main,
.tw-v20-slider-main {
  min-height: 45px !important;
  border-radius: 13px !important;
}

/* ---------------------------------------------------------
   9. Alternativen und ähnliche Tools: ruhiger, nicht gequetscht
   --------------------------------------------------------- */
.tw-v19-card-inner.is-alternatives .tw-alt-v3 {
  min-height: 100% !important;
}

.tw-v19-similar {
  padding: 30px !important;
  border-radius: 26px !important;
}

.tw-v19-similar-head h2 {
  font-size: clamp(23px, 2vw, 31px) !important;
}

/* ---------------------------------------------------------
   10. Responsive Breakpoints
   --------------------------------------------------------- */
@media (max-width: 1180px) {
  .tw-v20-hero-topline,
  .tw-v19-hero-topline {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .tw-v20-hero-logo-wrap,
  .tw-v19-hero-logo-wrap {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .tw-v19-pricebox-row.is-updated {
    grid-template-columns: 24px minmax(0, 1fr) !important;
  }

  .tw-v19-pricebox-row.is-updated strong {
    grid-column: 2 !important;
    justify-self: start !important;
    margin-left: 0 !important;
  }
}

@media (max-width: 1024px) {
  .tw-info-grid,
  .tw-info-grid-3 {
    gap: 22px !important;
  }

  .tw-v19-rating-row,
  .tw-v20-rating-row {
    grid-template-columns: 46px minmax(0, 1fr) auto !important;
  }
}

@media (max-width: 767px) {
  .tw-tool-hero-main,
  .tw-tool-hero-price,
  .tw-detail-card,
  .tw-tool-section-card,
  .tw-overview-card,
  .tw-benefits-card,
  .tw-cons-card,
  .tw-functions-card,
  .tw-fit-card,
  .tw-notfit-card,
  .tw-tool-info-card,
  .tw-rating-card,
  .tw-alt-card {
    border-radius: 20px !important;
  }

  .tw-v19-hero-content,
  .tw-v20-hero-content {
    gap: 18px !important;
  }

  .tw-v20-hero-logo,
  .tw-v19-hero-logo {
    max-width: 180px !important;
    max-height: 48px !important;
  }

  .tw-hero-tax-inner {
    grid-template-columns: 30px minmax(0, 1fr) 30px !important;
    gap: 6px !important;
  }

  .tw-hero-tax-chip {
    min-width: 168px !important;
    max-width: 168px !important;
    padding: 0 12px !important;
    height: 34px !important;
  }

  .tw-v19-section-nav-link {
    min-height: 46px !important;
    padding: 0 13px !important;
    font-size: 13px !important;
  }

  .tw-v19-card-title {
    font-size: 24px !important;
    margin-bottom: 18px !important;
  }

  .tw-v19-list li,
  .tw-v19-list-content li {
    font-size: 14.5px !important;
  }

  .tw-v19-fact-row {
    grid-template-columns: 28px minmax(80px, auto) minmax(0, 1fr) !important;
  }

  .tw-v19-rating-row,
  .tw-v20-rating-row {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    gap: 6px 10px !important;
    min-height: 72px !important;
  }

  .tw-v19-rating-logo,
  .tw-v20-rating-logo {
    width: 40px !important;
    height: 40px !important;
  }

  .tw-v19-stars,
  .tw-v20-stars {
    font-size: 14px !important;
    letter-spacing: 1.4px !important;
  }

  .tw-v19-coupon-row {
    grid-template-columns: 1fr 44px !important;
  }

  .tw-v19-coupon-label {
    grid-column: 1 / -1 !important;
  }
}

@media (max-width: 480px) {
  .tw-v19-card-title {
    font-size: 22px !important;
  }

  .tw-v19-title-icon {
    width: 31px !important;
    height: 31px !important;
    flex-basis: 31px !important;
  }

  .tw-v19-price-amount {
    font-size: 40px !important;
  }

  .tw-v19-price-period {
    font-size: 14px !important;
    padding-left: 10px !important;
    margin-left: 4px !important;
  }
}

/* =========================================================
   ToolWissen – Detailseite V21 Feinschliff
   Zweck:
   - Hero-Taxonomie-Slider kompakter und hochwertiger.
   - Abschnittsnavigation passt sauberer in eine Zeile.
   - Eckdaten zeigt zuerst nur Fakten + Aufklappbutton.
   - Aufgeklappte Tool-Eigenschaften scrollen intern, ohne leere Karte.
   ========================================================= */

/* ---------------------------------------------------------
   1. Hero-Hauptkarte: Logo + Taxonomie-Slider ruhiger ausrichten
   --------------------------------------------------------- */
.tw-v21-hero-topline,
.tw-v20-hero-topline,
.tw-v19-hero-topline {
  display: grid !important;
  grid-template-columns: minmax(142px, auto) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
}

.tw-v21-hero-logo-wrap,
.tw-v20-hero-logo-wrap,
.tw-v19-hero-logo-wrap {
  width: auto !important;
  min-width: 132px !important;
  max-width: 230px !important;
  height: 54px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: visible !important;
}

.tw-v21-hero-logo,
.tw-v20-hero-logo,
.tw-v19-hero-logo {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 220px !important;
  max-height: 50px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.tw-v21-hero-tax-strip,
.tw-hero-tax-strip {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  position: relative !important;
}

.tw-v21-hero-tax-inner,
.tw-hero-tax-inner {
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) 28px !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.tw-v21-hero-tax-viewport,
.tw-hero-tax-viewport {
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: 999px !important;
}

.tw-v21-hero-tax-track,
.tw-hero-tax-track {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  padding: 1px 1px !important;
  cursor: grab !important;
  user-select: none !important;
  scroll-snap-type: x proximity !important;
}

.tw-v21-hero-tax-track::-webkit-scrollbar,
.tw-hero-tax-track::-webkit-scrollbar {
  display: none !important;
}

.tw-v21-hero-tax-track.is-dragging,
.tw-hero-tax-track.is-dragging {
  cursor: grabbing !important;
  scroll-behavior: auto !important;
}

.tw-v21-hero-tax-chip,
.tw-hero-tax-chip {
  flex: 0 0 auto !important;
  min-width: 128px !important;
  max-width: 188px !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 11.4px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.04px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 5px 13px rgba(20,50,100,.045) !important;
  scroll-snap-align: start !important;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.tw-v21-hero-tax-chip:hover,
.tw-hero-tax-chip:hover {
  transform: translateY(-1px) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 8px 18px rgba(20,50,100,.075) !important;
}

.tw-v21-hero-tax-chip-text,
.tw-hero-tax-chip-text {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-v21-hero-tax-arrow,
.tw-hero-tax-arrow {
  width: 27px !important;
  height: 27px !important;
  min-width: 27px !important;
  min-height: 27px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid #e5ebf3 !important;
  background: rgba(255,255,255,.96) !important;
  color: #31415b !important;
  box-shadow: 0 7px 18px rgba(15,31,65,.09) !important;
  cursor: pointer !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transition: transform .16s ease, box-shadow .16s ease, opacity .16s ease, color .16s ease !important;
}

.tw-v21-hero-tax-arrow:hover,
.tw-hero-tax-arrow:hover {
  color: #0b6bff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 23px rgba(15,31,65,.13) !important;
}

.tw-v21-hero-tax-arrow span,
.tw-hero-tax-arrow span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

.tw-v21-hero-tax-arrow.is-disabled,
.tw-hero-tax-arrow.is-disabled {
  opacity: .35 !important;
  pointer-events: none !important;
  transform: none !important;
}

/* ---------------------------------------------------------
   2. Abschnittsnavigation: alles sauberer in eine Zeile bringen
   --------------------------------------------------------- */
.tw-tool-section-nav,
.tw-v21-section-nav,
.tw-v19-section-nav {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid #e5ebf3 !important;
  background: rgba(255,255,255,.94) !important;
  box-shadow: 0 10px 28px rgba(15,31,65,.045) !important;
}

.tw-v21-section-nav-track,
.tw-v19-section-nav-track {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  scroll-snap-type: x proximity !important;
  padding: 0 8px !important;
}

.tw-v21-section-nav-track::-webkit-scrollbar,
.tw-v19-section-nav-track::-webkit-scrollbar {
  display: none !important;
}

.tw-v21-section-nav-link,
.tw-v19-section-nav-link {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  color: #0b4ea2 !important;
  font-size: clamp(10.8px, .72vw, 13px) !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: -0.08px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  position: relative !important;
  border-radius: 14px !important;
  scroll-snap-align: start !important;
  transition: background .16s ease, color .16s ease, transform .16s ease !important;
}

.tw-v21-section-nav-link:hover,
.tw-v19-section-nav-link:hover {
  background: #f5f9ff !important;
  color: #075fe4 !important;
}

.tw-v21-section-nav-link.is-active,
.tw-v19-section-nav-link.is-active {
  color: #075fe4 !important;
  background: linear-gradient(180deg, #f7fbff 0%, #eef6ff 100%) !important;
}

.tw-v21-section-nav-link::after,
.tw-v19-section-nav-link::after {
  left: 10px !important;
  right: 10px !important;
  bottom: 0 !important;
  height: 3px !important;
  border-radius: 999px 999px 0 0 !important;
}

.tw-v21-section-nav-icon,
.tw-v19-section-nav-icon {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tw-v21-section-nav-icon svg,
.tw-v19-section-nav-icon svg {
  width: 17px !important;
  height: 17px !important;
  stroke-width: 2.1 !important;
}

.tw-v21-section-nav-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* ---------------------------------------------------------
   3. Eckdaten: Fakten sichtbar, Eigenschaften erst öffnen
   --------------------------------------------------------- */
.tw-v21-card-is-facts .tw-v19-card-body,
.tw-v19-card-inner.is-facts .tw-v19-card-body {
  justify-content: flex-start !important;
}

.tw-v21-facts-card-content {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.tw-v21-facts-static {
  padding-bottom: 14px !important;
  border-bottom: 1px solid #eef2f7 !important;
}

.tw-v21-facts-static .tw-v19-fact-row,
.tw-v19-facts-static .tw-v19-fact-row {
  display: grid !important;
  grid-template-columns: 28px minmax(80px, .68fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 36px !important;
  padding: 5px 0 !important;
}

.tw-v21-facts-static .tw-v19-fact-icon,
.tw-v19-facts-static .tw-v19-fact-icon {
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  border-radius: 9px !important;
}

.tw-v21-facts-static .tw-v19-fact-label,
.tw-v19-facts-static .tw-v19-fact-label {
  font-size: 12.8px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  color: #07142f !important;
}

.tw-v21-facts-static .tw-v19-fact-value,
.tw-v19-facts-static .tw-v19-fact-value {
  font-size: 12.8px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  color: #17243b !important;
  text-align: left !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.tw-v21-facts-tax {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.tw-v21-facts-opener {
  width: 100% !important;
  min-height: 42px !important;
  padding: 0 13px 0 14px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto 22px !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid #e4ecf7 !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  color: #075fe4 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-align: left !important;
  cursor: pointer !important;
  box-shadow: 0 8px 22px rgba(15,31,65,.045) !important;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease !important;
}

.tw-v21-facts-opener:hover {
  border-color: #cfe0ff !important;
  background: #f4f9ff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 12px 28px rgba(15,31,65,.075) !important;
}

.tw-v21-facts-opener strong {
  min-width: 27px !important;
  height: 27px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #edf5ff !important;
  color: #075fe4 !important;
  font-size: 12px !important;
  line-height: 1 !important;
}

.tw-v21-facts-opener-icon {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #5c6d86 !important;
  font-size: 18px !important;
  line-height: 1 !important;
  transition: transform .18s ease !important;
}

.tw-v21-facts-tax[data-expanded="false"] .tw-v21-facts-tax-list {
  display: none !important;
}

.tw-v21-facts-tax[data-expanded="true"] .tw-v21-facts-tax-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  margin-top: 14px !important;
  max-height: 218px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 7px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #cbd6e6 transparent !important;
}

.tw-v21-facts-tax[data-expanded="true"] .tw-v21-facts-opener-icon {
  transform: rotate(180deg) !important;
}

.tw-v21-facts-tax .tw-less-label {
  display: none !important;
}

.tw-v21-facts-tax[data-expanded="true"] .tw-more-label {
  display: none !important;
}

.tw-v21-facts-tax[data-expanded="true"] .tw-less-label {
  display: inline !important;
}

.tw-v21-facts-tax-list::-webkit-scrollbar {
  width: 6px !important;
}

.tw-v21-facts-tax-list::-webkit-scrollbar-thumb {
  background: #cbd6e6 !important;
  border-radius: 999px !important;
}

.tw-v21-facts-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 7px !important;
}

.tw-v21-facts-group-label {
  font-size: 10.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .65px !important;
  text-transform: uppercase !important;
  color: #6a778d !important;
}

.tw-v21-facts-chipline {
  display: flex !important;
  align-items: flex-start !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.tw-v21-facts-chip {
  min-height: 24px !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
}

/* ---------------------------------------------------------
   4. Weniger leere Fläche in kurzen Karten, ohne Raster zu zerstören
   --------------------------------------------------------- */
.tw-v19-card-inner,
.tw-v21-card-is-facts {
  min-height: 100% !important;
}

.tw-v19-card-body {
  justify-content: flex-start !important;
}

.tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body {
  max-height: 246px !important;
}

.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body {
  max-height: 236px !important;
}

/* ---------------------------------------------------------
   5. Responsive Breakpoints V21
   --------------------------------------------------------- */
@media (max-width: 1180px) {
  .tw-v21-hero-topline,
  .tw-v20-hero-topline,
  .tw-v19-hero-topline {
    grid-template-columns: minmax(120px, auto) minmax(0, 1fr) !important;
    gap: 14px !important;
  }

  .tw-v21-hero-tax-chip,
  .tw-hero-tax-chip {
    min-width: 120px !important;
    max-width: 164px !important;
    font-size: 10.9px !important;
    padding: 0 11px !important;
  }

  .tw-v21-section-nav-link,
  .tw-v19-section-nav-link {
    font-size: 11.4px !important;
    padding: 0 7px !important;
  }
}

@media (max-width: 1024px) {
  .tw-v21-hero-topline,
  .tw-v20-hero-topline,
  .tw-v19-hero-topline {
    grid-template-columns: 1fr !important;
    gap: 13px !important;
  }

  .tw-v21-hero-logo-wrap,
  .tw-v20-hero-logo-wrap,
  .tw-v19-hero-logo-wrap {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .tw-v21-section-nav-track,
  .tw-v19-section-nav-track {
    justify-content: flex-start !important;
  }

  .tw-v21-section-nav-link,
  .tw-v19-section-nav-link {
    flex: 0 0 auto !important;
    min-width: 116px !important;
    font-size: 12.5px !important;
  }
}

@media (max-width: 767px) {
  .tw-v21-hero-tax-inner,
  .tw-hero-tax-inner {
    grid-template-columns: 28px minmax(0, 1fr) 28px !important;
    gap: 6px !important;
  }

  .tw-v21-hero-tax-chip,
  .tw-hero-tax-chip {
    min-width: 142px !important;
    max-width: 168px !important;
    height: 30px !important;
    font-size: 11px !important;
  }

  .tw-v21-section-nav-link,
  .tw-v19-section-nav-link {
    min-width: 122px !important;
    height: 45px !important;
    min-height: 45px !important;
    padding: 0 10px !important;
    font-size: 12.2px !important;
  }

  .tw-v21-facts-static .tw-v19-fact-row,
  .tw-v19-facts-static .tw-v19-fact-row {
    grid-template-columns: 28px minmax(74px, auto) minmax(0, 1fr) !important;
  }

  .tw-v21-facts-tax[data-expanded="true"] .tw-v21-facts-tax-list {
    max-height: 240px !important;
  }
}

@media (max-width: 480px) {
  .tw-v21-hero-tax-chip,
  .tw-hero-tax-chip {
    min-width: 136px !important;
    max-width: 154px !important;
    font-size: 10.6px !important;
  }

  .tw-v21-section-nav-link,
  .tw-v19-section-nav-link {
    min-width: 112px !important;
  }

  .tw-v21-facts-opener {
    font-size: 12.5px !important;
  }
}

/* =========================================================
   ToolWissen – Detailseite V22 Profi-Update
   Zweck:
   - 3er-Raster stabil halten.
   - Mehr/Weniger öffnet intern scrollbar, ohne Containerhöhe zu verändern.
   - Eckdaten mit weiteren Eigenschaften intern scrollbar.
   - Bewertungen als einzelne große Slider-Karte.
   - Ähnliche Tools unten exakt als breite horizontale Leiste.
   ========================================================= */

/* ---------------------------------------------------------
   1. Kartenhöhe und internes Scroll-Verhalten
   --------------------------------------------------------- */
.tw-v19-card-inner.tw-v22-fixed-card,
.tw-v19-card-inner.is-overview,
.tw-v19-card-inner.is-benefits,
.tw-v19-card-inner.is-cons,
.tw-v19-card-inner.is-functions,
.tw-v19-card-inner.is-fit,
.tw-v19-card-inner.is-notfit,
.tw-v19-card-inner.is-facts,
.tw-v19-card-inner.is-ratings,
.tw-v19-card-inner.is-alternatives {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.tw-v19-card-inner .tw-v19-card-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
}

.tw-v19-expand,
.tw-v22-expand {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.tw-v19-expand-body,
.tw-v22-expand-body {
  min-height: 0 !important;
  overflow-x: hidden !important;
  scrollbar-gutter: stable !important;
}

.tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: 168px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body {
  max-height: 176px !important;
}

.tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 214px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #9aa7b8 transparent !important;
}

.tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body::-webkit-scrollbar,
.tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body::-webkit-scrollbar,
.tw-v22-facts-tax-list::-webkit-scrollbar {
  width: 6px !important;
}

.tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body::-webkit-scrollbar-track,
.tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body::-webkit-scrollbar-track,
.tw-v22-facts-tax-list::-webkit-scrollbar-track {
  background: transparent !important;
}

.tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body::-webkit-scrollbar-thumb,
.tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body::-webkit-scrollbar-thumb,
.tw-v22-facts-tax-list::-webkit-scrollbar-thumb {
  background: #9aa7b8 !important;
  border-radius: 999px !important;
}

.tw-v19-more,
.tw-v22-more {
  margin-top: auto !important;
  padding-top: 12px !important;
  color: #0066ff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.tw-v19-expand[data-collapsed="false"] .tw-more-label,
.tw-v22-expand[data-collapsed="false"] .tw-more-label,
.tw-v19-facts-tax[data-expanded="true"] .tw-more-label,
.tw-v22-facts-tax[data-expanded="true"] .tw-more-label {
  display: none !important;
}

.tw-v19-expand[data-collapsed="true"] .tw-less-label,
.tw-v22-expand[data-collapsed="true"] .tw-less-label,
.tw-v19-facts-tax[data-expanded="false"] .tw-less-label,
.tw-v22-facts-tax[data-expanded="false"] .tw-less-label {
  display: none !important;
}

/* ---------------------------------------------------------
   2. Preisbox mit Gutschein-Hinweis
   --------------------------------------------------------- */
.tw-v22-pricebox {
  overflow: hidden !important;
}

.tw-v22-coupon-row {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) 38px !important;
  gap: 10px !important;
  align-items: center !important;
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.10) !important;
}

.tw-v22-coupon-label {
  color: #07142f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.tw-v22-coupon-code {
  height: 38px !important;
  min-width: 0 !important;
  border: 1px dashed rgba(0, 102, 255, 0.38) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #0066ff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.2px !important;
  text-align: center !important;
}

.tw-v22-coupon-copy {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
}

.tw-v22-coupon-hint {
  margin-top: 9px !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}

/* ---------------------------------------------------------
   3. Eckdaten V22
   --------------------------------------------------------- */
.tw-v22-facts-card-content {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.tw-v22-facts-static {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-height: 0 !important;
}

.tw-v22-facts-static .tw-v19-fact-row {
  min-height: 24px !important;
  display: grid !important;
  grid-template-columns: 24px minmax(74px, 0.62fr) minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
  padding: 3px 0 !important;
}

.tw-v22-facts-static .tw-v19-fact-icon {
  width: 20px !important;
  height: 20px !important;
  border-radius: 6px !important;
}

.tw-v22-facts-static .tw-v19-fact-label,
.tw-v22-facts-static .tw-v19-fact-value {
  font-size: 11.5px !important;
  line-height: 1.2 !important;
}

.tw-v22-facts-static .tw-v19-fact-label {
  font-weight: 800 !important;
  color: #07142f !important;
}

.tw-v22-facts-static .tw-v19-fact-value {
  font-weight: 650 !important;
  color: #334155 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-v22-facts-tax {
  margin-top: auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.tw-v22-facts-opener {
  width: 100% !important;
  min-height: 40px !important;
  margin-top: 12px !important;
  padding: 0 12px !important;
  border: 1px solid rgba(0, 102, 255, 0.16) !important;
  border-radius: 11px !important;
  background: #f8fbff !important;
  color: #0066ff !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 9px !important;
  align-items: center !important;
  text-align: left !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.tw-v22-facts-opener strong {
  min-width: 28px !important;
  height: 24px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: #eef4ff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #0066ff !important;
  font-size: 12px !important;
}

.tw-v22-facts-tax-list {
  display: none !important;
  margin-top: 10px !important;
  max-height: 150px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 7px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #9aa7b8 transparent !important;
}

.tw-v22-facts-tax[data-expanded="true"] .tw-v22-facts-tax-list {
  display: block !important;
}

.tw-v22-facts-tax[data-expanded="true"] .tw-v22-facts-opener {
  margin-top: 10px !important;
}

.tw-v22-facts-tax[data-expanded="true"] .tw-v22-facts-opener-icon {
  transform: rotate(180deg) !important;
}

.tw-v22-facts-group {
  display: grid !important;
  grid-template-columns: 94px minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: start !important;
  padding: 7px 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
}

.tw-v22-facts-group-label {
  color: #07142f !important;
  font-size: 11.2px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
}

.tw-v22-facts-chipline {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.tw-v22-facts-chip {
  min-height: 20px !important;
  padding: 3px 7px !important;
  border-radius: 999px !important;
  background: #f5f8ff !important;
  border: 1px solid rgba(0, 102, 255, 0.10) !important;
  color: #31527a !important;
  font-size: 10.5px !important;
  line-height: 1.15 !important;
  font-weight: 750 !important;
}

/* ---------------------------------------------------------
   4. Bewertungen: eine Quelle pro Slider-Karte
   --------------------------------------------------------- */
.tw-v22-card-is-ratings .tw-v19-card-body {
  justify-content: center !important;
}

.tw-v22-rating-single-slider {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: stretch !important;
  overflow: hidden !important;
}

.tw-v22-rating-frame {
  width: 100% !important;
  min-height: 120px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 10px !important;
}

.tw-v22-rating-single-slider.has-single .tw-v22-rating-frame {
  grid-template-columns: minmax(0, 1fr) !important;
}

.tw-v22-rating-viewport {
  min-width: 0 !important;
  overflow: hidden !important;
}

.tw-v22-rating-page[hidden] {
  display: none !important;
}

.tw-v22-rating-single-card {
  width: 100% !important;
  min-height: 118px !important;
  max-width: 290px !important;
  margin: 0 auto !important;
  padding: 19px 18px 16px 18px !important;
  border: 1px solid #e3eaf5 !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  color: #07142f !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035) !important;
}

.tw-v22-rating-logo {
  max-width: 132px !important;
  min-height: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tw-v22-rating-logo img {
  max-width: 132px !important;
  max-height: 30px !important;
  display: block !important;
  object-fit: contain !important;
}

.tw-v22-rating-logo-fallback {
  min-width: 36px !important;
  height: 36px !important;
  padding: 0 9px !important;
  border-radius: 10px !important;
  background: #ecfdf5 !important;
  color: #00a86b !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  font-weight: 900 !important;
}

.tw-v22-rating-name {
  color: #07142f !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  text-align: center !important;
}

.tw-v22-rating-scoreline {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #07142f !important;
}

.tw-v22-rating-scoreline strong {
  font-size: 30px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.tw-v22-stars {
  position: relative !important;
  display: inline-block !important;
  width: 94px !important;
  height: 19px !important;
  line-height: 19px !important;
  font-size: 18px !important;
  letter-spacing: 1px !important;
  overflow: hidden !important;
}

.tw-v22-stars .tw-v19-stars-base,
.tw-v22-stars .tw-v19-stars-fill {
  position: absolute !important;
  inset: 0 auto auto 0 !important;
  height: 19px !important;
  line-height: 19px !important;
}

.tw-v22-stars .tw-v19-stars-base { color: #d8dee9 !important; }
.tw-v22-stars .tw-v19-stars-fill { width: var(--tw-rating-percent, 0%) !important; color: #ff9f0a !important; overflow: hidden !important; }

.tw-v22-rating-count {
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
}

.tw-v22-rating-arrow {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #07142f !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 24px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04) !important;
}

.tw-v22-rating-arrow:hover {
  border-color: rgba(0, 102, 255, 0.22) !important;
  color: #0066ff !important;
}

.tw-v22-rating-dots {
  margin-top: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
}

.tw-v22-rating-dot {
  width: 7px !important;
  height: 7px !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: #cbd5e1 !important;
  cursor: pointer !important;
}

.tw-v22-rating-dot.is-active {
  width: 18px !important;
  background: #0066ff !important;
}

.tw-v22-rating-more {
  width: 100% !important;
  min-height: 38px !important;
  margin-top: 12px !important;
  border: 1px solid rgba(0, 102, 255, 0.16) !important;
  border-radius: 11px !important;
  background: #f8fbff !important;
  color: #0066ff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.tw-v22-rating-single-slider.has-single .tw-v22-rating-more {
  display: none !important;
}

/* ---------------------------------------------------------
   5. Ähnliche Tools unten: exakt breite Slider-Leiste
   --------------------------------------------------------- */
.tw-v22-similar-section {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin: 24px 0 0 0 !important;
  padding: 24px 26px 26px 26px !important;
  border: 1px solid #e5eaf3 !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.035) !important;
  overflow: hidden !important;
}

.tw-v22-similar-head {
  width: 100% !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 16px !important;
}

.tw-v22-similar-head-text {
  min-width: 0 !important;
  text-align: left !important;
}

.tw-v22-similar-head h2 {
  margin: 0 !important;
  color: #07142f !important;
  font-size: 22px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  letter-spacing: -0.25px !important;
  text-align: left !important;
}

.tw-v22-similar-head p {
  margin: 5px 0 0 0 !important;
  color: #64748b !important;
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  font-weight: 500 !important;
  text-align: left !important;
}

.tw-v22-similar-controls {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  flex: 0 0 auto !important;
}

.tw-v22-similar-arrow {
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  border: 1px solid #e2e8f0 !important;
  background: #ffffff !important;
  color: #07142f !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 23px !important;
  line-height: 1 !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04) !important;
  cursor: pointer !important;
}

.tw-v22-similar-arrow:hover {
  color: #0066ff !important;
  border-color: rgba(0, 102, 255, 0.25) !important;
}

.tw-v22-similar-arrow.is-disabled {
  opacity: 0.45 !important;
  pointer-events: none !important;
}

.tw-v22-similar-viewport {
  width: 100% !important;
  min-width: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-behavior: smooth !important;
  scrollbar-width: none !important;
}

.tw-v22-similar-viewport::-webkit-scrollbar {
  display: none !important;
}

.tw-v22-similar-track {
  width: max-content !important;
  min-width: 100% !important;
  display: flex !important;
  align-items: stretch !important;
  gap: 18px !important;
}

.tw-v22-similar-item {
  width: 176px !important;
  min-width: 176px !important;
  min-height: 84px !important;
  padding: 14px 15px !important;
  border: 1px solid #e5eaf3 !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  color: #07142f !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  text-decoration: none !important;
  box-shadow: 0 5px 16px rgba(15, 23, 42, 0.025) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.tw-v22-similar-item:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(0, 102, 255, 0.18) !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06) !important;
  color: #07142f !important;
  text-decoration: none !important;
}

.tw-v22-similar-logo-wrap {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tw-v22-similar-logo,
.tw-v22-similar-logo-fallback {
  width: 38px !important;
  height: 38px !important;
  border-radius: 10px !important;
  object-fit: contain !important;
}

.tw-v22-similar-logo-fallback {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #eef4ff !important;
  color: #0066ff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.tw-v22-similar-content {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.tw-v22-similar-name {
  display: block !important;
  color: #07142f !important;
  font-size: 13.5px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tw-v22-similar-rating {
  color: #334155 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.tw-v22-similar-rating span {
  color: #ff9f0a !important;
}

.tw-v22-similar-price {
  color: #64748b !important;
  font-size: 11.8px !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
}

/* ---------------------------------------------------------
   6. Responsive Feinschliff
   --------------------------------------------------------- */
@media (max-width: 1024px) {
  .tw-v22-rating-frame {
    grid-template-columns: 30px minmax(0, 1fr) 30px !important;
    gap: 8px !important;
  }

  .tw-v22-similar-item {
    width: 165px !important;
    min-width: 165px !important;
  }
}

@media (max-width: 767px) {
  .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
  .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
    max-height: 260px !important;
  }

  .tw-v22-facts-static .tw-v19-fact-row {
    grid-template-columns: 23px minmax(78px, 0.65fr) minmax(0, 1fr) !important;
  }

  .tw-v22-facts-tax-list {
    max-height: 190px !important;
  }

  .tw-v22-similar-section {
    padding: 20px 16px 22px 16px !important;
    border-radius: 18px !important;
  }

  .tw-v22-similar-head {
    align-items: center !important;
  }

  .tw-v22-similar-head h2 {
    font-size: 19px !important;
  }

  .tw-v22-similar-head p {
    font-size: 12.5px !important;
  }

  .tw-v22-similar-item {
    width: 164px !important;
    min-width: 164px !important;
  }
}

/* =========================================================
   ToolWissen – Detailseite V23 Korrekturpaket
   Zweck:
   - Preisbox unverändert stabil halten.
   - Abschnittsnavigation sauber verteilen.
   - Karten ohne Layout-Verschiebung öffnen.
   - Mehr/Weniger-Buttons ohne roten Elementor-Hover darstellen.
   - Eckdaten als interne Zwei-Seiten-Ansicht mit Eigenschaften.
   - Bewertungen und Alternativen optisch ruhiger und professioneller halten.
   ========================================================= */

/* ---------------------------------------------------------
   1. Hero-Buttons und Hero-Taxonomie-Slider
   --------------------------------------------------------- */
.tw-v19-button-primary,
.tw-v20-button-primary,
.tw-v21-button-primary,
.tw-v19-hero-actions .tw-v19-button-primary,
.tw-v20-hero-actions .tw-v20-button-primary,
.tw-v21-hero-actions .tw-v21-button-primary {
  background: linear-gradient(135deg, #0066ff 0%, #0054d6 100%) !important;
  border-color: #0066ff !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(0, 102, 255, 0.22) !important;
}

.tw-v19-button-primary:hover,
.tw-v20-button-primary:hover,
.tw-v21-button-primary:hover,
.tw-v19-hero-actions .tw-v19-button-primary:hover,
.tw-v20-hero-actions .tw-v20-button-primary:hover,
.tw-v21-hero-actions .tw-v21-button-primary:hover {
  background: linear-gradient(135deg, #005ce8 0%, #004cc5 100%) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 15px 30px rgba(0, 102, 255, 0.26) !important;
}

.tw-v19-button-secondary,
.tw-v20-button-secondary,
.tw-v21-button-secondary,
.tw-v19-hero-actions .tw-v19-button-secondary,
.tw-v20-hero-actions .tw-v20-button-secondary,
.tw-v21-hero-actions .tw-v21-button-secondary {
  border-color: rgba(0, 102, 255, 0.28) !important;
  color: #0066ff !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(0, 102, 255, 0.045) !important;
}

.tw-v19-button-secondary:hover,
.tw-v20-button-secondary:hover,
.tw-v21-button-secondary:hover,
.tw-v19-hero-actions .tw-v19-button-secondary:hover,
.tw-v20-hero-actions .tw-v20-button-secondary:hover,
.tw-v21-hero-actions .tw-v21-button-secondary:hover {
  border-color: rgba(0, 102, 255, 0.42) !important;
  background: #f6f9ff !important;
  color: #0054d6 !important;
  transform: translateY(-1px) !important;
}

.tw-hero-tax-inner,
.tw-v21-hero-tax-inner {
  align-items: center !important;
}

.tw-hero-tax-arrow,
.tw-v21-hero-tax-arrow {
  align-self: center !important;
  transform: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tw-hero-tax-chip,
.tw-v21-hero-tax-chip {
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ---------------------------------------------------------
   2. Abschnittsnavigation: sauber im Container verteilt
   --------------------------------------------------------- */
.tw-tool-section-nav,
.tw-v23-section-nav,
.tw-v19-section-nav.tw-v23-section-nav {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 10px 12px !important;
  border: 1px solid #e5eaf3 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035) !important;
  overflow: hidden !important;
}

.tw-v23-section-nav-track,
.tw-v19-section-nav-track.tw-v23-section-nav-track,
.tw-v21-section-nav-track.tw-v23-section-nav-track {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  scroll-behavior: smooth !important;
}

.tw-v23-section-nav-track::-webkit-scrollbar {
  display: none !important;
}

.tw-v23-section-nav-link,
.tw-v19-section-nav-link.tw-v23-section-nav-link,
.tw-v21-section-nav-link.tw-v23-section-nav-link {
  flex: 1 1 auto !important;
  min-width: max-content !important;
  max-width: none !important;
  height: 38px !important;
  padding: 0 13px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  color: #0f2a4d !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

.tw-v23-section-nav-link:hover,
.tw-v23-section-nav-link.is-active {
  background: #f3f7ff !important;
  border-color: rgba(0, 102, 255, 0.16) !important;
  color: #0066ff !important;
  text-decoration: none !important;
}

.tw-v23-section-nav-link::after {
  bottom: -11px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: #0066ff !important;
}

.tw-v23-section-nav-icon,
.tw-v23-section-nav-icon svg {
  width: 17px !important;
  height: 17px !important;
  stroke-width: 2.25 !important;
}

.tw-v23-section-nav-arrow {
  width: 34px !important;
  height: 34px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #07142f !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.04) !important;
  cursor: pointer !important;
}

.tw-v23-section-nav-arrow:hover {
  border-color: rgba(0, 102, 255, 0.26) !important;
  color: #0066ff !important;
  background: #f8fbff !important;
}

.tw-v23-section-nav.no-scroll .tw-v23-section-nav-arrow,
.tw-v23-section-nav-arrow.is-disabled {
  opacity: 0.42 !important;
  pointer-events: none !important;
}

/* ---------------------------------------------------------
   3. Karten stabilisieren: keine Verschiebung beim Öffnen
   --------------------------------------------------------- */
.tw-v19-card-inner.is-overview,
.tw-v19-card-inner.is-benefits,
.tw-v19-card-inner.is-cons,
.tw-v19-card-inner.is-functions,
.tw-v19-card-inner.is-fit,
.tw-v19-card-inner.is-notfit,
.tw-v19-card-inner.is-facts,
.tw-v19-card-inner.is-ratings,
.tw-v19-card-inner.is-alternatives {
  min-height: 392px !important;
  max-height: 392px !important;
  height: 392px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-overview .tw-v19-card-body,
.tw-v19-card-inner.is-benefits .tw-v19-card-body,
.tw-v19-card-inner.is-cons .tw-v19-card-body,
.tw-v19-card-inner.is-functions .tw-v19-card-body,
.tw-v19-card-inner.is-fit .tw-v19-card-body,
.tw-v19-card-inner.is-notfit .tw-v19-card-body,
.tw-v19-card-inner.is-facts .tw-v19-card-body,
.tw-v19-card-inner.is-ratings .tw-v19-card-body,
.tw-v19-card-inner.is-alternatives .tw-v19-card-body {
  min-height: 0 !important;
  overflow: hidden !important;
}

.tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: 236px !important;
  overflow: hidden !important;
  padding-right: 8px !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body {
  max-height: 238px !important;
}

.tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 252px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #a8b3c2 transparent !important;
}

.tw-v19-card-inner.is-functions .tw-v19-list li,
.tw-v19-card-inner.is-benefits .tw-v19-list li,
.tw-v19-card-inner.is-cons .tw-v19-list li,
.tw-v19-card-inner.is-fit .tw-v19-list li,
.tw-v19-card-inner.is-notfit .tw-v19-list li {
  margin-bottom: 10px !important;
}

.tw-v19-more,
.tw-v22-more,
button.tw-v19-more,
button.tw-v22-more {
  width: fit-content !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: auto 0 0 0 !important;
  padding: 12px 0 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #0066ff !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  text-align: left !important;
  cursor: pointer !important;
}

.tw-v19-more:hover,
.tw-v22-more:hover,
button.tw-v19-more:hover,
button.tw-v22-more:hover,
.tw-v19-more:focus,
.tw-v22-more:focus,
button.tw-v19-more:focus,
button.tw-v22-more:focus {
  background: transparent !important;
  color: #004fd1 !important;
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
}

.tw-v19-more:focus-visible,
.tw-v22-more:focus-visible {
  outline: 2px solid rgba(0, 102, 255, 0.26) !important;
  outline-offset: 3px !important;
  border-radius: 5px !important;
}

.tw-v19-more[hidden],
.tw-v22-more[hidden],
.tw-v23-no-overflow > .tw-v19-more,
.tw-v23-no-overflow > .tw-v22-more {
  display: none !important;
}

/* ---------------------------------------------------------
   4. Eckdaten: interne Seiten statt Container-Vergrößerung
   --------------------------------------------------------- */
.tw-v23-card-is-facts .tw-v19-card-body,
.tw-v23-facts-slider {
  min-height: 0 !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.tw-v23-facts-viewport {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

.tw-v23-facts-page {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.tw-v23-facts-page[hidden] {
  display: none !important;
}

.tw-v23-facts-static {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.tw-v23-facts-static .tw-v19-fact-row {
  min-height: 25px !important;
  grid-template-columns: 24px minmax(78px, 0.58fr) minmax(0, 1fr) !important;
  padding: 3.5px 0 !important;
}

.tw-v23-facts-tax-list {
  display: block !important;
  height: 100% !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #a8b3c2 transparent !important;
}

.tw-v23-facts-controls {
  flex: 0 0 auto !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) 36px !important;
  gap: 8px !important;
  align-items: center !important;
  margin-top: 12px !important;
}

.tw-v23-facts-arrow,
.tw-v23-facts-main {
  border: 1px solid rgba(0, 102, 255, 0.16) !important;
  background: #f8fbff !important;
  color: #0066ff !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

.tw-v23-facts-arrow {
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  line-height: 1 !important;
  padding: 0 !important;
}

.tw-v23-facts-main {
  width: 100% !important;
  min-height: 38px !important;
  border-radius: 11px !important;
  padding: 0 12px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 9px !important;
  align-items: center !important;
  text-align: left !important;
  font-size: 12.5px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.tw-v23-facts-main strong {
  min-width: 27px !important;
  height: 23px !important;
  border-radius: 999px !important;
  background: #eef4ff !important;
  color: #0066ff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 7px !important;
  font-size: 12px !important;
}

.tw-v23-facts-slider[data-current="0"] .tw-v23-facts-prev,
.tw-v23-facts-slider[data-current="1"] .tw-v23-facts-next {
  opacity: 0.42 !important;
  pointer-events: none !important;
}

.tw-v23-facts-slider[data-current="0"] .tw-v23-facts-less-label,
.tw-v23-facts-slider[data-current="1"] .tw-v23-facts-more-label {
  display: none !important;
}

.tw-v23-facts-slider[data-current="1"] .tw-v23-facts-main-icon {
  transform: rotate(180deg) !important;
}

.tw-v23-facts-group {
  grid-template-columns: 88px minmax(0, 1fr) !important;
  padding: 7px 0 !important;
}

/* ---------------------------------------------------------
   5. Bewertungen: eine Quelle groß, ruhig und hochwertig
   --------------------------------------------------------- */
.tw-v22-card-is-ratings .tw-v19-card-body {
  justify-content: center !important;
}

.tw-v22-rating-frame {
  min-height: 168px !important;
  grid-template-columns: 36px minmax(0, 1fr) 36px !important;
}

.tw-v22-rating-single-card {
  min-height: 138px !important;
  padding: 22px 18px !important;
  border-radius: 16px !important;
  border-color: #dfe7f2 !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.04) !important;
}

.tw-v22-rating-name {
  font-size: 20px !important;
  font-weight: 950 !important;
}

.tw-v22-rating-scoreline strong {
  font-size: 34px !important;
}

.tw-v22-rating-count {
  font-size: 12.5px !important;
}

.tw-v22-rating-arrow {
  width: 36px !important;
  height: 36px !important;
  border-color: #dfe7f2 !important;
  color: #0f2a4d !important;
}

.tw-v22-rating-more {
  background: #f8fbff !important;
  border-color: rgba(0, 102, 255, 0.18) !important;
  color: #0066ff !important;
}

/* ---------------------------------------------------------
   6. Alternativen: Slider reparieren und Liste professioneller machen
   --------------------------------------------------------- */
.tw-v23-card-is-alternatives .tw-v19-card-body {
  min-height: 0 !important;
  overflow: hidden !important;
}

.tw-alt-v23,
.tw-v23-card-is-alternatives .tw-alt-v3 {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.tw-alt-v23-viewport,
.tw-v23-card-is-alternatives .tw-alt-v3-viewport {
  flex: 1 1 auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}

.tw-alt-v23-page[hidden],
.tw-alt-v3-page[hidden] {
  display: none !important;
}

.tw-alt-v23 .tw-alt-v3-item {
  height: 45px !important;
  min-height: 45px !important;
  max-height: 45px !important;
  padding: 5px 0 !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
}

.tw-alt-v23 .tw-alt-v3-logo-wrap {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
}

.tw-alt-v23 .tw-alt-v3-logo,
.tw-alt-v23 .tw-alt-v3-logo-fallback {
  width: 32px !important;
  height: 32px !important;
  border-radius: 9px !important;
}

.tw-alt-v23-controls {
  margin-top: 12px !important;
}

.tw-alt-v23-button {
  min-height: 38px !important;
  border-radius: 11px !important;
  background: #f8fbff !important;
  border-color: rgba(0, 102, 255, 0.16) !important;
  color: #0066ff !important;
}

.tw-alt-v23-button:hover {
  background: #eef4ff !important;
  border-color: rgba(0, 102, 255, 0.24) !important;
  color: #0054d6 !important;
}

/* ---------------------------------------------------------
   7. Responsive Feinschliff
   --------------------------------------------------------- */
@media (max-width: 1024px) {
  .tw-v23-section-nav,
  .tw-v19-section-nav.tw-v23-section-nav {
    grid-template-columns: 32px minmax(0, 1fr) 32px !important;
  }

  .tw-v23-section-nav-link {
    flex: 0 0 auto !important;
  }
}

@media (max-width: 767px) {
  .tw-v19-card-inner.is-overview,
  .tw-v19-card-inner.is-benefits,
  .tw-v19-card-inner.is-cons,
  .tw-v19-card-inner.is-functions,
  .tw-v19-card-inner.is-fit,
  .tw-v19-card-inner.is-notfit,
  .tw-v19-card-inner.is-facts,
  .tw-v19-card-inner.is-ratings,
  .tw-v19-card-inner.is-alternatives {
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
  }

  .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
  .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
    max-height: 245px !important;
  }

  .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
  .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
    max-height: 285px !important;
  }

  .tw-v23-section-nav,
  .tw-v19-section-nav.tw-v23-section-nav {
    grid-template-columns: 32px minmax(0, 1fr) 32px !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  .tw-v23-section-nav-link {
    height: 36px !important;
    padding: 0 11px !important;
    font-size: 12.5px !important;
  }
}

/* =========================================================
   ToolWissen – Detailseite V24 Live-Korrektur
   Zweck:
   - Preisbox unverändert lassen.
   - Abschnittsnavigation sauber im Container verteilen.
   - Mehr/Weniger nur bei echtem Overflow zeigen.
   - Kartenhöhe stabil halten, interner Scrollbereich statt Layout-Verschiebung.
   - Mindestens 5 Bulletpoints in Listen sichtbar halten.
   - Eckdaten, Bewertungen und Alternativen optisch einheitlich mit Pfeil-/Slider-Logik führen.
   ========================================================= */

/* ---------------------------------------------------------
   1. Optionaler Elementor-Widget-Fix für die Abschnittsnavigation
   Ort: Shortcode-Widget im Navigatorbereich. Zusatzklasse ist optional: tw-section-nav-widget.
   --------------------------------------------------------- */
.tw-section-nav-widget,
.tw-section-nav-widget .elementor-widget-container,
.elementor-widget-shortcode:has(.tw-v24-section-nav),
.elementor-widget-shortcode:has(.tw-v23-section-nav) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
}

/* ---------------------------------------------------------
   2. Abschnittsnavigation – volle Breite, gleichmäßige Verteilung, hochwertige Icons
   --------------------------------------------------------- */
.tw-v24-section-nav,
.tw-v23-section-nav,
.tw-v19-section-nav.tw-v23-section-nav,
.tw-v19-section-nav.tw-v24-section-nav {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) 36px !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 10px !important;
  margin: 0 auto !important;
  padding: 10px 12px !important;
  border: 1px solid #e5eaf3 !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.038) !important;
  overflow: hidden !important;
}

.tw-v24-section-nav-track,
.tw-v23-section-nav-track,
.tw-v19-section-nav-track.tw-v23-section-nav-track,
.tw-v19-section-nav-track.tw-v24-section-nav-track,
.tw-v21-section-nav-track.tw-v23-section-nav-track,
.tw-v21-section-nav-track.tw-v24-section-nav-track {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  scroll-behavior: smooth !important;
}

.tw-v24-section-nav-track::-webkit-scrollbar,
.tw-v23-section-nav-track::-webkit-scrollbar {
  display: none !important;
}

.tw-v24-section-nav-link,
.tw-v23-section-nav-link,
.tw-v19-section-nav-link.tw-v23-section-nav-link,
.tw-v19-section-nav-link.tw-v24-section-nav-link,
.tw-v21-section-nav-link.tw-v23-section-nav-link,
.tw-v21-section-nav-link.tw-v24-section-nav-link {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
  padding: 0 10px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #0f2a4d !important;
  font-size: 12.7px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  overflow: hidden !important;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.tw-v24-section-nav-link:hover,
.tw-v24-section-nav-link:focus,
.tw-v24-section-nav-link.is-active,
.tw-v23-section-nav-link:hover,
.tw-v23-section-nav-link:focus,
.tw-v23-section-nav-link.is-active {
  background: #f3f7ff !important;
  border-color: rgba(0, 102, 255, 0.17) !important;
  color: #0066ff !important;
  text-decoration: none !important;
  box-shadow: 0 7px 18px rgba(0, 102, 255, 0.055) !important;
}

.tw-v24-section-nav-link::after,
.tw-v23-section-nav-link::after {
  bottom: -10px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: #0066ff !important;
}

.tw-v24-section-nav-icon,
.tw-v23-section-nav-icon,
.tw-v24-section-nav-icon svg,
.tw-v23-section-nav-icon svg {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  stroke-width: 2.35 !important;
  opacity: 0.98 !important;
}

.tw-v24-section-nav-label,
.tw-v23-section-nav-label {
  min-width: 0 !important;
  max-width: 100% !important;
  display: inline-block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tw-v24-section-nav-arrow,
.tw-v23-section-nav-arrow {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #07142f !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.045) !important;
  cursor: pointer !important;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, opacity 0.18s ease !important;
}

.tw-v24-section-nav-arrow:hover,
.tw-v23-section-nav-arrow:hover {
  border-color: rgba(0, 102, 255, 0.28) !important;
  color: #0066ff !important;
  background: #f8fbff !important;
}

.tw-v24-section-nav.no-scroll .tw-v24-section-nav-arrow,
.tw-v24-section-nav-arrow.is-disabled,
.tw-v23-section-nav.no-scroll .tw-v23-section-nav-arrow,
.tw-v23-section-nav-arrow.is-disabled {
  opacity: 0.38 !important;
  pointer-events: none !important;
}

/* ---------------------------------------------------------
   3. Hero-Taxonomie-Chips – symmetrisch, Pfeile exakt mittig
   --------------------------------------------------------- */
.tw-hero-tax-strip,
.tw-v21-hero-tax-strip {
  align-self: center !important;
}

.tw-hero-tax-inner,
.tw-v21-hero-tax-inner {
  align-items: center !important;
  min-height: 38px !important;
}

.tw-hero-tax-arrow,
.tw-v21-hero-tax-arrow {
  align-self: center !important;
  transform: none !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  top: auto !important;
}

.tw-hero-tax-chip,
.tw-v21-hero-tax-chip {
  min-height: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* ---------------------------------------------------------
   4. Hero-Buttons: Anbieter blau, Bewertungsbutton etwas klarer
   --------------------------------------------------------- */
.tw-v19-button-primary,
.tw-v20-button-primary,
.tw-v21-button-primary,
.tw-v19-hero-actions .tw-v19-button-primary,
.tw-v20-hero-actions .tw-v20-button-primary,
.tw-v21-hero-actions .tw-v21-button-primary {
  background: linear-gradient(135deg, #0066ff 0%, #0054d6 100%) !important;
  border-color: #0066ff !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px rgba(0, 102, 255, 0.22) !important;
}

.tw-v19-button-secondary,
.tw-v20-button-secondary,
.tw-v21-button-secondary,
.tw-v19-hero-actions .tw-v19-button-secondary,
.tw-v20-hero-actions .tw-v20-button-secondary,
.tw-v21-hero-actions .tw-v21-button-secondary {
  border-color: rgba(0, 102, 255, 0.34) !important;
  color: #0066ff !important;
  background: #ffffff !important;
  box-shadow: 0 8px 18px rgba(0, 102, 255, 0.055) !important;
}

.tw-v19-button-secondary:hover,
.tw-v20-button-secondary:hover,
.tw-v21-button-secondary:hover,
.tw-v19-hero-actions .tw-v19-button-secondary:hover,
.tw-v20-hero-actions .tw-v20-button-secondary:hover,
.tw-v21-hero-actions .tw-v21-button-secondary:hover {
  border-color: rgba(0, 102, 255, 0.46) !important;
  background: #f7faff !important;
  color: #0054d6 !important;
  box-shadow: 0 10px 22px rgba(0, 102, 255, 0.075) !important;
}

/* ---------------------------------------------------------
   5. Karten stabil: keine Höhenverschiebung beim Öffnen
   --------------------------------------------------------- */
.tw-v19-card-inner.is-overview,
.tw-v19-card-inner.is-benefits,
.tw-v19-card-inner.is-cons,
.tw-v19-card-inner.is-functions,
.tw-v19-card-inner.is-fit,
.tw-v19-card-inner.is-notfit,
.tw-v19-card-inner.is-facts,
.tw-v19-card-inner.is-ratings,
.tw-v19-card-inner.is-alternatives {
  min-height: 404px !important;
  height: 404px !important;
  max-height: 404px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-overview .tw-v19-card-body,
.tw-v19-card-inner.is-benefits .tw-v19-card-body,
.tw-v19-card-inner.is-cons .tw-v19-card-body,
.tw-v19-card-inner.is-functions .tw-v19-card-body,
.tw-v19-card-inner.is-fit .tw-v19-card-body,
.tw-v19-card-inner.is-notfit .tw-v19-card-body,
.tw-v19-card-inner.is-facts .tw-v19-card-body,
.tw-v19-card-inner.is-ratings .tw-v19-card-body,
.tw-v19-card-inner.is-alternatives .tw-v19-card-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

/* Überblick als Text: geschlossen ruhig begrenzen, geöffnet intern scrollen. */
.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: 246px !important;
  overflow: hidden !important;
  padding-right: 10px !important;
  scrollbar-gutter: stable !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 246px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 10px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #a8b3c2 transparent !important;
  scrollbar-gutter: stable !important;
}

/* Listen: geschlossen immer die ersten 5 Punkte zeigen. */
.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: none !important;
  overflow: visible !important;
  padding-right: 8px !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6) {
  display: none !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 250px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 10px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #a8b3c2 transparent !important;
  scrollbar-gutter: stable !important;
}

.tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body::-webkit-scrollbar,
.tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body::-webkit-scrollbar,
.tw-v23-facts-tax-list::-webkit-scrollbar {
  width: 6px !important;
}

.tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body::-webkit-scrollbar-track,
.tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body::-webkit-scrollbar-track,
.tw-v23-facts-tax-list::-webkit-scrollbar-track {
  background: transparent !important;
}

.tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body::-webkit-scrollbar-thumb,
.tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body::-webkit-scrollbar-thumb,
.tw-v23-facts-tax-list::-webkit-scrollbar-thumb {
  background: #a8b3c2 !important;
  border-radius: 999px !important;
}

.tw-v19-list li {
  margin-bottom: 9px !important;
  line-height: 1.42 !important;
}

/* ---------------------------------------------------------
   6. Mehr/Weniger-Button: kein roter Hover, nur anzeigen bei echtem Overflow
   --------------------------------------------------------- */
.tw-v19-more,
.tw-v22-more,
button.tw-v19-more,
button.tw-v22-more,
.elementor .tw-v19-more,
.elementor .tw-v22-more,
.elementor button.tw-v19-more,
.elementor button.tw-v22-more,
.tw-v19-more:hover,
.tw-v22-more:hover,
button.tw-v19-more:hover,
button.tw-v22-more:hover,
.tw-v19-more:focus,
.tw-v22-more:focus,
button.tw-v19-more:focus,
button.tw-v22-more:focus,
.tw-v19-more:active,
.tw-v22-more:active,
button.tw-v19-more:active,
button.tw-v22-more:active {
  width: fit-content !important;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: auto 0 0 0 !important;
  padding: 12px 0 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  color: #0066ff !important;
  box-shadow: none !important;
  outline: none !important;
  text-decoration: none !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  text-align: left !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

.tw-v19-more:hover,
.tw-v22-more:hover,
button.tw-v19-more:hover,
button.tw-v22-more:hover {
  color: #004fd1 !important;
}

.tw-v19-more[hidden],
.tw-v22-more[hidden],
.tw-v24-no-overflow .tw-v19-more,
.tw-v24-no-overflow .tw-v22-more {
  display: none !important;
}

/* ---------------------------------------------------------
   7. Eckdaten: Basisdaten + weitere Eigenschaften bleiben im gleichen Container
   --------------------------------------------------------- */
.tw-v23-card-is-facts .tw-v19-card-body,
.tw-v23-facts-slider {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.tw-v23-facts-static .tw-v19-fact-row {
  grid-template-columns: 24px minmax(88px, 0.62fr) minmax(0, 1fr) !important;
  min-height: 26px !important;
  padding: 3.7px 0 !important;
}

.tw-v23-facts-static .tw-v19-fact-label,
.tw-v23-facts-static .tw-v19-fact-value {
  font-size: 12.4px !important;
  line-height: 1.15 !important;
}

.tw-v23-facts-static .tw-v19-fact-value {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tw-v23-facts-tax-list {
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #a8b3c2 transparent !important;
  scrollbar-gutter: stable !important;
}

.tw-v23-facts-controls {
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.tw-v23-facts-arrow,
.tw-v23-facts-main {
  border-color: rgba(0, 102, 255, 0.18) !important;
  background: #f8fbff !important;
  color: #0066ff !important;
}

.tw-v23-facts-arrow {
  width: 34px !important;
  height: 34px !important;
  font-size: 21px !important;
}

.tw-v23-facts-main {
  min-height: 38px !important;
  border-radius: 12px !important;
  font-size: 12.2px !important;
}

/* ---------------------------------------------------------
   8. Bewertungen: genau eine Quelle groß, Pfeile + Punkte
   --------------------------------------------------------- */
.tw-v22-card-is-ratings .tw-v19-card-body {
  justify-content: center !important;
}

.tw-v22-rating-single-slider {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: hidden !important;
}

.tw-v22-rating-frame {
  min-height: 182px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 38px !important;
  align-items: center !important;
  gap: 10px !important;
}

.tw-v22-rating-single-card {
  min-height: 148px !important;
  padding: 23px 18px !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045) !important;
}

.tw-v22-rating-name {
  font-size: 20px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
}

.tw-v22-rating-scoreline strong {
  font-size: 34px !important;
  line-height: 1 !important;
}

.tw-v22-rating-arrow {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0f2a4d !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.045) !important;
}

.tw-v22-rating-arrow:hover {
  color: #0066ff !important;
  border-color: rgba(0, 102, 255, 0.28) !important;
  background: #f8fbff !important;
}

.tw-v22-rating-more {
  width: 100% !important;
  min-height: 40px !important;
  border-radius: 12px !important;
  background: #f8fbff !important;
  border: 1px solid rgba(0, 102, 255, 0.18) !important;
  color: #0066ff !important;
  font-weight: 900 !important;
}

/* ---------------------------------------------------------
   9. Alternativen: Slider repariert, manuelle Alternativen zuerst bleibt PHP-Logik
   --------------------------------------------------------- */
.tw-v23-card-is-alternatives .tw-v19-card-body,
.tw-alt-v23,
.tw-v23-card-is-alternatives .tw-alt-v3 {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.tw-alt-v23-viewport,
.tw-v23-card-is-alternatives .tw-alt-v3-viewport {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
}

.tw-alt-v23-page,
.tw-v23-card-is-alternatives .tw-alt-v3-page {
  height: 100% !important;
  min-height: 0 !important;
}

.tw-alt-v23-page[hidden],
.tw-alt-v3-page[hidden] {
  display: none !important;
}

.tw-alt-v23 .tw-alt-v3-item {
  height: 44px !important;
  min-height: 44px !important;
  max-height: 44px !important;
  padding: 5px 0 !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
}

.tw-alt-v23 .tw-alt-v3-name {
  font-size: 13.2px !important;
}

.tw-alt-v23 .tw-alt-v3-category {
  font-size: 11.5px !important;
}

.tw-alt-v23-controls {
  margin-top: 12px !important;
}

.tw-alt-v23-button {
  min-height: 38px !important;
  border-radius: 12px !important;
  background: #f8fbff !important;
  border-color: rgba(0, 102, 255, 0.16) !important;
  color: #0066ff !important;
}

/* ---------------------------------------------------------
   10. Desktop/Tablet/Mobile
   --------------------------------------------------------- */
@media (max-width: 1180px) {
  .tw-v24-section-nav-track,
  .tw-v23-section-nav-track {
    display: flex !important;
    justify-content: flex-start !important;
  }

  .tw-v24-section-nav-link,
  .tw-v23-section-nav-link {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
  }
}

@media (max-width: 767px) {
  .tw-v19-card-inner.is-overview,
  .tw-v19-card-inner.is-benefits,
  .tw-v19-card-inner.is-cons,
  .tw-v19-card-inner.is-functions,
  .tw-v19-card-inner.is-fit,
  .tw-v19-card-inner.is-notfit,
  .tw-v19-card-inner.is-facts,
  .tw-v19-card-inner.is-ratings,
  .tw-v19-card-inner.is-alternatives {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
  .tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
  .tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
  .tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
  .tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
  .tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
  .tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body {
    max-height: 310px !important;
  }

  .tw-v24-section-nav,
  .tw-v23-section-nav {
    grid-template-columns: 32px minmax(0, 1fr) 32px !important;
    gap: 8px !important;
    padding: 8px !important;
  }

  .tw-v24-section-nav-arrow,
  .tw-v23-section-nav-arrow {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }

  .tw-v24-section-nav-link,
  .tw-v23-section-nav-link {
    height: 36px !important;
    padding: 0 11px !important;
    font-size: 12.5px !important;
  }
}

/* =========================================================
   ToolWissen – Detailseite V25 Feinschliff
   Zweck:
   - Preisbox bleibt grundsätzlich erhalten, Copy-Farben professionell blau.
   - Karten nutzen mehr Höhe, damit 5 Bulletpoints sauber sichtbar bleiben.
   - Eckdaten: kurze Button-Beschriftung + lange Werte horizontal schiebbar.
   - Bewertungen: weniger Leerraum, Intro-Text, größere einzelne Quelle.
   - Alternativen: 6 kompakte Einträge mit Bewertung/Preis sauber integriert.
   ========================================================= */

/* ---------------------------------------------------------
   1. Preisbox: Datum näher, Gutschein-Kopierbutton nicht rot/grün
   --------------------------------------------------------- */
.tw-v19-pricebox-row.is-updated,
.tw-v22-pricebox-row.is-updated {
  display: grid !important;
  grid-template-columns: 24px max-content max-content !important;
  align-items: center !important;
  column-gap: 10px !important;
  row-gap: 0 !important;
}

.tw-v19-pricebox-row.is-updated strong,
.tw-v22-pricebox-row.is-updated strong {
  justify-self: start !important;
  margin-left: 8px !important;
  white-space: nowrap !important;
}

.tw-v22-coupon-hint {
  margin-top: 10px !important;
  color: #52627a !important;
  font-size: 12.3px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
  letter-spacing: -0.02px !important;
}

.tw-coupon-copy,
.tw-v19-coupon-copy,
.tw-v22-coupon-copy,
button.tw-coupon-copy,
button.tw-v19-coupon-copy,
button.tw-v22-coupon-copy {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1px solid #dbe8ff !important;
  color: #0066ff !important;
  box-shadow: 0 8px 18px rgba(0, 102, 255, 0.055) !important;
}

.tw-coupon-copy:hover,
.tw-v19-coupon-copy:hover,
.tw-v22-coupon-copy:hover,
button.tw-coupon-copy:hover,
button.tw-v19-coupon-copy:hover,
button.tw-v22-coupon-copy:hover {
  background: #f4f8ff !important;
  background-color: #f4f8ff !important;
  border-color: rgba(0, 102, 255, 0.34) !important;
  color: #0054d6 !important;
}

.tw-coupon-copy.is-copied,
.tw-v19-coupon-copy.is-copied,
.tw-v22-coupon-copy.is-copied,
button.tw-coupon-copy.is-copied,
button.tw-v19-coupon-copy.is-copied,
button.tw-v22-coupon-copy.is-copied {
  background: #edf5ff !important;
  background-color: #edf5ff !important;
  border-color: rgba(0, 102, 255, 0.38) !important;
  color: #0066ff !important;
}

.tw-coupon-copy svg,
.tw-v19-coupon-copy svg,
.tw-v22-coupon-copy svg {
  stroke: currentColor !important;
  color: inherit !important;
}

/* ---------------------------------------------------------
   2. Kartenhöhe und Inhaltsverteilung: 5 Bulletpoints sauber sichtbar
   --------------------------------------------------------- */
.tw-v19-card-inner.is-overview,
.tw-v19-card-inner.is-benefits,
.tw-v19-card-inner.is-cons,
.tw-v19-card-inner.is-functions,
.tw-v19-card-inner.is-fit,
.tw-v19-card-inner.is-notfit,
.tw-v19-card-inner.is-facts,
.tw-v19-card-inner.is-ratings,
.tw-v19-card-inner.is-alternatives {
  min-height: 452px !important;
  height: 452px !important;
  max-height: 452px !important;
}

.tw-v19-card-title,
.tw-card-title,
.tw-detail-card h2,
.tw-detail-card h3 {
  margin-bottom: 22px !important;
}

.tw-v19-card-inner.is-facts .tw-v19-card-title,
.tw-v19-card-inner.is-ratings .tw-v19-card-title,
.tw-v19-card-inner.is-alternatives .tw-v19-card-title {
  margin-bottom: 16px !important;
}

.tw-v19-list li,
.tw-benefit-list li,
.tw-cons-list li,
.tw-feature-list li,
.tw-fit-list li,
.tw-notfit-list li {
  font-size: 15.8px !important;
  line-height: 1.43 !important;
  margin-bottom: 14px !important;
}

.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body {
  max-height: 318px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body {
  max-height: 298px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body {
  max-height: 298px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.tw-v22-more,
.tw-v19-more,
button.tw-v22-more,
button.tw-v19-more {
  padding-top: 10px !important;
  color: #0066ff !important;
}

/* ---------------------------------------------------------
   3. Eckdaten: kompakter, lange Werte mit Mini-Schiebe-Button
   --------------------------------------------------------- */
.tw-v25-card-is-facts .tw-v19-card-body,
.tw-v25-facts-slider,
.tw-v25-facts-viewport,
.tw-v25-facts-page {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.tw-v25-facts-slider {
  display: flex !important;
  flex-direction: column !important;
}

.tw-v25-facts-viewport {
  flex: 1 1 auto !important;
}

.tw-v25-facts-static {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}

.tw-v25-fact-row,
.tw-v23-facts-static .tw-v25-fact-row {
  display: grid !important;
  grid-template-columns: 22px minmax(82px, 0.56fr) minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 28px !important;
  padding: 4px 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.07) !important;
}

.tw-v25-fact-icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
}

.tw-v25-fact-label {
  color: #07142f !important;
  font-size: 12.35px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.tw-v25-fact-value-shell {
  position: relative !important;
  min-width: 0 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 22px !important;
  align-items: center !important;
  gap: 4px !important;
  overflow: hidden !important;
}

.tw-v25-fact-value-scroll {
  min-width: 0 !important;
  width: 100% !important;
  display: block !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
  color: #172033 !important;
  font-size: 12.35px !important;
  line-height: 1.12 !important;
  font-weight: 760 !important;
  scrollbar-width: none !important;
  scroll-behavior: smooth !important;
}

.tw-v25-fact-value-scroll::-webkit-scrollbar {
  display: none !important;
}

.tw-v25-fact-value-next {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  min-height: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(0, 102, 255, 0.16) !important;
  border-radius: 999px !important;
  background: #f8fbff !important;
  color: #0066ff !important;
  font-size: 16px !important;
  line-height: 1 !important;
  padding: 0 !important;
  cursor: pointer !important;
}

.tw-v25-fact-row.no-scroll .tw-v25-fact-value-next {
  opacity: 0 !important;
  pointer-events: none !important;
}

.tw-v25-facts-controls {
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  margin-top: 12px !important;
}

.tw-v25-facts-main {
  min-height: 38px !important;
  font-size: 12.3px !important;
  white-space: nowrap !important;
}

.tw-v25-facts-main strong {
  min-width: 28px !important;
  height: 28px !important;
}

.tw-v25-facts-tax-list {
  height: 100% !important;
  max-height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
}

.tw-v25-facts-group {
  padding: 8px 0 9px 0 !important;
}

.tw-v25-facts-chipline {
  gap: 6px !important;
}

.tw-v25-facts-chip {
  font-size: 11.4px !important;
  min-height: 24px !important;
  padding: 5px 8px !important;
}

/* ---------------------------------------------------------
   4. Bewertungen: minimalistisch, aber Raum besser genutzt
   --------------------------------------------------------- */
.tw-v25-card-is-ratings .tw-v19-card-body {
  justify-content: flex-start !important;
}

.tw-v25-rating-single-slider {
  justify-content: flex-start !important;
  gap: 12px !important;
}

.tw-v25-rating-intro {
  margin: 0 !important;
  color: #52627a !important;
  font-size: 13.4px !important;
  line-height: 1.42 !important;
  font-weight: 560 !important;
}

.tw-v25-rating-frame {
  min-height: 196px !important;
  grid-template-columns: 38px minmax(0, 1fr) 38px !important;
  gap: 10px !important;
  align-items: center !important;
}

.tw-v25-rating-single-slider.has-single .tw-v25-rating-frame {
  grid-template-columns: minmax(0, 1fr) !important;
}

.tw-v25-rating-single-card {
  min-height: 164px !important;
  padding: 22px 18px 20px 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.tw-v25-rating-logo {
  width: auto !important;
  min-width: 0 !important;
  height: 30px !important;
  margin-bottom: 0 !important;
}

.tw-v25-rating-logo img {
  max-width: 138px !important;
  max-height: 30px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

.tw-v25-rating-logo-fallback {
  width: auto !important;
  min-width: 34px !important;
  height: 30px !important;
  padding: 0 10px !important;
  border-radius: 10px !important;
}

.tw-v25-rating-single-card.is-trustpilot .tw-v25-rating-logo-fallback {
  background: #ecfdf5 !important;
  color: #00a86b !important;
}

.tw-v25-rating-name {
  font-size: 20px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
}

.tw-v25-rating-scoreline {
  gap: 10px !important;
}

.tw-v25-rating-scoreline strong {
  font-size: 34px !important;
}

.tw-v25-stars {
  width: 118px !important;
  height: 22px !important;
  font-size: 22px !important;
  line-height: 22px !important;
}

.tw-v25-stars .tw-v19-stars-base,
.tw-v25-stars .tw-v19-stars-fill {
  font-size: 22px !important;
  line-height: 22px !important;
}

.tw-v25-rating-count {
  color: #52627a !important;
  font-size: 12.7px !important;
  font-weight: 700 !important;
}

.tw-v25-rating-dots {
  margin-top: -2px !important;
}

.tw-v25-rating-more {
  margin-top: auto !important;
  min-height: 40px !important;
}

/* ---------------------------------------------------------
   5. Alternativen: kompakter, 6 Einträge, Bewertung/Preis sauber
   --------------------------------------------------------- */
.tw-v25-card-is-alternatives .tw-v19-card-body,
.tw-alt-v25 {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.tw-alt-v25-viewport {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  max-height: none !important;
  overflow: hidden !important;
}

.tw-alt-v25-page {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.tw-alt-v25-page[hidden] {
  display: none !important;
}

.tw-alt-v25 .tw-alt-v25-item {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) !important;
  column-gap: 10px !important;
  align-items: center !important;
  padding: 4px 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.075) !important;
  overflow: hidden !important;
}

.tw-alt-v25-logo-wrap {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
}

.tw-alt-v25-logo,
.tw-alt-v25-logo-fallback {
  width: 30px !important;
  height: 30px !important;
  border-radius: 8px !important;
}

.tw-alt-v25-main {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
  overflow: hidden !important;
}

.tw-alt-v25-topline {
  min-width: 0 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

.tw-alt-v25-name {
  min-width: 0 !important;
  color: #07142f !important;
  font-size: 13.2px !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-alt-v25-rating {
  min-width: max-content !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #334155 !important;
  font-size: 11.2px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
}

.tw-alt-v25-rating span {
  color: #ff9f0a !important;
  font-size: 11px !important;
}

.tw-alt-v25-subline {
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

.tw-alt-v25-category,
.tw-alt-v25-price {
  min-width: 0 !important;
  color: #64748b !important;
  font-size: 10.8px !important;
  line-height: 1.05 !important;
  font-weight: 620 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-alt-v25-price {
  color: #475569 !important;
  font-weight: 760 !important;
}

.tw-alt-v25-controls {
  margin-top: 10px !important;
  gap: 7px !important;
}

.tw-alt-v25-button {
  min-height: 38px !important;
  border-radius: 12px !important;
  background: #f8fbff !important;
  border: 1px solid rgba(0, 102, 255, 0.16) !important;
  color: #0066ff !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
}

/* ---------------------------------------------------------
   6. Mobile: feste Desktop-Höhen lösen
   --------------------------------------------------------- */
@media (max-width: 767px) {
  .tw-v19-card-inner.is-overview,
  .tw-v19-card-inner.is-benefits,
  .tw-v19-card-inner.is-cons,
  .tw-v19-card-inner.is-functions,
  .tw-v19-card-inner.is-fit,
  .tw-v19-card-inner.is-notfit,
  .tw-v19-card-inner.is-facts,
  .tw-v19-card-inner.is-ratings,
  .tw-v19-card-inner.is-alternatives {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .tw-v25-rating-frame {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  }

  .tw-v25-fact-row {
    grid-template-columns: 22px minmax(78px, 0.52fr) minmax(0, 1fr) !important;
  }
}


/* =========================================================
   ToolWissen – Detailseite V26 Live-Korrektur
   Zweck:
   - Preisbox nicht verändern.
   - Navigation wieder sichtbar und gleichmäßig.
   - Kartenhöhe stabil, mindestens 5 Bulletpoints sichtbar.
   - Bewertungen/Alternativen/Eckdaten sauberer und kompakter.
   ========================================================= */

/* ---------------------------------------------------------
   1. Abschnittsnavigation: kein leerer Container, Links immer sichtbar
   --------------------------------------------------------- */
.tw-section-nav-widget,
.tw-section-nav-widget .elementor-widget-container,
.elementor-widget-shortcode:has(.tw-v26-section-nav) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
}

.tw-v26-section-nav,
.tw-v24-section-nav.tw-v26-section-nav,
.tw-v19-section-nav.tw-v26-section-nav {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: center !important;
  margin: 0 auto !important;
  padding: 10px 14px !important;
  border: 1px solid #e5eaf3 !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.038) !important;
  overflow: hidden !important;
}

.tw-v26-section-nav-track,
.tw-v24-section-nav-track.tw-v26-section-nav-track,
.tw-v23-section-nav-track.tw-v26-section-nav-track,
.tw-v19-section-nav-track.tw-v26-section-nav-track {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 7px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  scroll-behavior: smooth !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

.tw-v26-section-nav-track::-webkit-scrollbar {
  display: none !important;
}

.tw-v26-section-nav-link,
.tw-v24-section-nav-link.tw-v26-section-nav-link,
.tw-v23-section-nav-link.tw-v26-section-nav-link,
.tw-v19-section-nav-link.tw-v26-section-nav-link {
  flex: 1 1 0 !important;
  min-width: 112px !important;
  max-width: none !important;
  height: 38px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #0f2a4d !important;
  font-size: 12.7px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.tw-v26-section-nav-link:hover,
.tw-v26-section-nav-link:focus,
.tw-v26-section-nav-link.is-active {
  background: #f3f7ff !important;
  border-color: rgba(0, 102, 255, 0.18) !important;
  color: #0066ff !important;
  box-shadow: 0 7px 18px rgba(0, 102, 255, 0.055) !important;
  text-decoration: none !important;
}

.tw-v26-section-nav-icon,
.tw-v26-section-nav-icon svg {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  stroke-width: 2.35 !important;
}

.tw-v26-section-nav-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tw-v26-section-nav-arrow {
  display: none !important;
}

@media (max-width: 1180px) {
  .tw-v26-section-nav {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
    gap: 8px !important;
    padding: 8px 10px !important;
  }
  .tw-v26-section-nav-arrow {
    width: 34px !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #07142f !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.045) !important;
  }
  .tw-v26-section-nav.no-scroll .tw-v26-section-nav-arrow,
  .tw-v26-section-nav-arrow.is-disabled {
    opacity: 0.38 !important;
    pointer-events: none !important;
  }
  .tw-v26-section-nav-link {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* ---------------------------------------------------------
   2. Kartenhöhe + Mehr anzeigen: 5 Bulletpoints sauber sichtbar
   --------------------------------------------------------- */
.tw-v19-card-inner.is-overview,
.tw-v19-card-inner.is-benefits,
.tw-v19-card-inner.is-cons,
.tw-v19-card-inner.is-functions,
.tw-v19-card-inner.is-fit,
.tw-v19-card-inner.is-notfit,
.tw-v19-card-inner.is-facts,
.tw-v19-card-inner.is-ratings,
.tw-v19-card-inner.is-alternatives {
  min-height: 462px !important;
  height: 462px !important;
  max-height: 462px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner .tw-v19-card-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: 310px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 310px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 10px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #a8b3c2 transparent !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: none !important;
  overflow: visible !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-list li,
.tw-v19-card-inner.is-cons .tw-v19-list li,
.tw-v19-card-inner.is-functions .tw-v19-list li,
.tw-v19-card-inner.is-fit .tw-v19-list li,
.tw-v19-card-inner.is-notfit .tw-v19-list li {
  margin-bottom: 14px !important;
  line-height: 1.42 !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 325px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 10px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #a8b3c2 transparent !important;
}

.tw-v19-more,
.tw-v22-more,
button.tw-v19-more,
button.tw-v22-more,
.tw-v19-more:hover,
.tw-v22-more:hover,
button.tw-v19-more:hover,
button.tw-v22-more:hover,
.tw-v19-more:focus,
.tw-v22-more:focus,
button.tw-v19-more:focus,
button.tw-v22-more:focus,
.tw-v19-more:active,
.tw-v22-more:active,
button.tw-v19-more:active,
button.tw-v22-more:active {
  background: transparent !important;
  background-color: transparent !important;
  color: #0066ff !important;
  box-shadow: none !important;
  border: 0 !important;
  text-decoration: none !important;
}

.tw-v19-more[hidden],
.tw-v22-more[hidden],
.tw-v24-no-overflow .tw-v19-more,
.tw-v24-no-overflow .tw-v22-more,
.tw-v26-no-overflow .tw-v19-more,
.tw-v26-no-overflow .tw-v22-more {
  display: none !important;
}

/* ---------------------------------------------------------
   3. Eckdaten: Button nicht eingeklemmt, lange Werte sauber schiebbar
   --------------------------------------------------------- */
.tw-v26-card-is-ratings .tw-v19-card-body,
.tw-v26-card-is-alternatives .tw-v19-card-body,
.tw-v25-card-is-facts .tw-v19-card-body {
  padding-top: 2px !important;
}

.tw-v25-facts-controls {
  grid-template-columns: 36px minmax(0, 1fr) 36px !important;
  gap: 10px !important;
  margin-top: auto !important;
}

.tw-v25-facts-main {
  min-height: 44px !important;
  padding: 0 14px !important;
  overflow: hidden !important;
}

.tw-v25-facts-main .tw-v25-facts-more-label,
.tw-v25-facts-main .tw-v23-facts-more-label {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tw-v25-fact-row {
  grid-template-columns: 22px minmax(92px, 0.6fr) minmax(0, 1fr) !important;
}

.tw-v25-fact-value-shell {
  grid-template-columns: minmax(0, 1fr) 22px !important;
}

/* ---------------------------------------------------------
   4. Bewertungen: professioneller, weniger leer, Marken-Fallback wie Logo
   --------------------------------------------------------- */
.tw-v26-card-is-ratings .tw-v19-card-body,
.tw-v26-rating-single-slider {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}

.tw-v26-rating-intro {
  margin: 0 0 10px 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}

.tw-v26-rating-frame {
  flex: 0 0 auto !important;
  min-height: 205px !important;
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) 40px !important;
  align-items: center !important;
  gap: 12px !important;
}

.tw-v26-rating-single-slider.has-single .tw-v26-rating-frame {
  grid-template-columns: minmax(0, 1fr) !important;
}

.tw-v26-rating-single-card {
  min-height: 178px !important;
  padding: 24px 22px 22px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 11px !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045) !important;
  color: #07142f !important;
  text-decoration: none !important;
}

.tw-v26-rating-brand {
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  color: #07142f !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.tw-v26-rating-brand-img {
  max-width: 165px !important;
  max-height: 36px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

.tw-v26-rating-brand-symbol {
  color: #00b67a !important;
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.tw-v26-rating-brand-symbol.is-capterra {
  color: #0ea5e9 !important;
  transform: rotate(45deg) !important;
  font-size: 24px !important;
}

.tw-v26-rating-brand-symbol.is-g2 {
  min-width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: #fff1f2 !important;
  color: #ef3b2d !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
}

.tw-v26-rating-brand-symbol.is-google {
  color: #2563eb !important;
  font-size: 26px !important;
}

.tw-v26-rating-brand-text {
  color: #07142f !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

.tw-v26-rating-scoreline {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

.tw-v26-rating-scoreline strong {
  font-size: 40px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.tw-v26-stars,
.tw-v26-stars .tw-v19-stars-base,
.tw-v26-stars .tw-v19-stars-fill {
  font-size: 24px !important;
  line-height: 24px !important;
}

.tw-v26-stars {
  width: 130px !important;
  height: 24px !important;
}

.tw-v26-rating-count {
  color: #52627a !important;
  font-size: 13.2px !important;
  font-weight: 750 !important;
}

.tw-v26-rating-arrow {
  width: 40px !important;
  height: 40px !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #0f2a4d !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.045) !important;
}

.tw-v26-rating-arrow:hover {
  color: #0066ff !important;
  border-color: rgba(0, 102, 255, 0.28) !important;
  background: #f8fbff !important;
}

.tw-v26-rating-dots {
  margin-top: 4px !important;
}

.tw-v26-rating-more {
  margin-top: auto !important;
  min-height: 44px !important;
  width: 100% !important;
  border-radius: 13px !important;
  border: 1px solid rgba(0, 102, 255, 0.18) !important;
  background: #f8fbff !important;
  color: #0066ff !important;
  font-weight: 900 !important;
}

/* ---------------------------------------------------------
   5. Alternativen: manuell zuerst, 6 Einträge, Bewertung lesbar
   --------------------------------------------------------- */
.tw-v26-card-is-alternatives .tw-v19-card-body,
.tw-alt-v26 {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.tw-alt-v26-viewport {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.tw-alt-v26-page {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.tw-alt-v26-page[hidden] {
  display: none !important;
}

.tw-alt-v26 .tw-alt-v26-item {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  column-gap: 10px !important;
  align-items: center !important;
  padding: 5px 0 !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.075) !important;
}

.tw-alt-v26-logo-wrap {
  width: 36px !important;
  height: 36px !important;
}

.tw-alt-v26-logo,
.tw-alt-v26-logo-fallback {
  width: 32px !important;
  height: 32px !important;
  border-radius: 8px !important;
}

.tw-alt-v26-main {
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  overflow: hidden !important;
}

.tw-alt-v26-topline {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
}

.tw-alt-v26-name {
  color: #07142f !important;
  font-size: 14px !important;
  line-height: 1.08 !important;
  font-weight: 950 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-alt-v26-rating {
  min-width: max-content !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  color: #334155 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.tw-alt-v26-rating span {
  color: #ff9f0a !important;
  font-size: 12px !important;
}

.tw-alt-v26-category {
  color: #64748b !important;
  font-size: 12.2px !important;
  line-height: 1.05 !important;
  font-weight: 650 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-alt-v26-controls {
  margin-top: 12px !important;
  gap: 8px !important;
}

.tw-alt-v26-button {
  min-height: 44px !important;
  border-radius: 13px !important;
  background: #f8fbff !important;
  border: 1px solid rgba(0, 102, 255, 0.16) !important;
  color: #0066ff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

/* ---------------------------------------------------------
   6. Mobile
   --------------------------------------------------------- */
@media (max-width: 767px) {
  .tw-v19-card-inner.is-overview,
  .tw-v19-card-inner.is-benefits,
  .tw-v19-card-inner.is-cons,
  .tw-v19-card-inner.is-functions,
  .tw-v19-card-inner.is-fit,
  .tw-v19-card-inner.is-notfit,
  .tw-v19-card-inner.is-facts,
  .tw-v19-card-inner.is-ratings,
  .tw-v19-card-inner.is-alternatives {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .tw-v26-rating-frame {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  }

  .tw-v26-section-nav-link {
    min-width: max-content !important;
  }
}


/* =========================================================
   ToolWissen – Detailseite V27 Feinschliff
   Zweck:
   - Navigation sichtbar, breit und gleichmäßig verteilen.
   - Listen zeigen geschlossen zuverlässig 5 Bulletpoints.
   - Eckdaten/Zähler enger und ruhiger.
   - Bewertungskarte mit sichtbarer Markenfläche.
   - Gutschein-Hinweis oberhalb vom Code.
   ========================================================= */

/* ---------------------------------------------------------
   1. Hero-Taxonomie-Chips: kleiner, symmetrischer, Pfeile mittig
   --------------------------------------------------------- */
.tw-hero-tax-strip,
.tw-v19-hero-tax-strip,
.tw-v20-hero-tax-strip {
  align-items: center !important;
  min-height: 34px !important;
}

.tw-hero-tax-inner,
.tw-v19-hero-tax-inner,
.tw-v20-hero-tax-inner {
  align-items: center !important;
}

.tw-hero-tax-arrow,
.tw-v19-hero-tax-arrow,
.tw-v20-hero-tax-arrow {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0 !important;
  transform: none !important;
  top: auto !important;
}

.tw-hero-tax-chip,
.tw-v19-hero-tax-chip,
.tw-v20-hero-tax-chip {
  min-height: 30px !important;
  height: 30px !important;
  padding: 0 17px !important;
  font-size: 12.3px !important;
  line-height: 1 !important;
}

/* ---------------------------------------------------------
   2. Preisbox: Gutschein-Hinweis direkt über dem Code, Blauton bleibt sauber
   --------------------------------------------------------- */
.tw-v27-coupon-hint,
.tw-v22-coupon-hint {
  margin: 16px 0 8px 0 !important;
  color: #506079 !important;
  font-size: 13.2px !important;
  line-height: 1.35 !important;
  font-weight: 750 !important;
  letter-spacing: -0.02px !important;
}

.tw-v27-coupon-row,
.tw-v22-coupon-row,
.tw-v19-coupon-row {
  margin-top: 0 !important;
}

.tw-v27-coupon-copy,
.tw-v22-coupon-copy,
.tw-v19-coupon-copy,
button.tw-v27-coupon-copy,
button.tw-v22-coupon-copy,
button.tw-v19-coupon-copy {
  background: #ffffff !important;
  border-color: #d7e5ff !important;
  color: #0066ff !important;
  box-shadow: 0 9px 20px rgba(0, 102, 255, 0.06) !important;
}

.tw-v27-coupon-copy:hover,
.tw-v22-coupon-copy:hover,
.tw-v19-coupon-copy:hover,
button.tw-v27-coupon-copy:hover,
button.tw-v22-coupon-copy:hover,
button.tw-v19-coupon-copy:hover {
  background: #f4f8ff !important;
  border-color: rgba(0, 102, 255, 0.36) !important;
  color: #005ce8 !important;
}

.tw-v27-coupon-copy.is-copied,
.tw-v22-coupon-copy.is-copied,
.tw-v19-coupon-copy.is-copied,
button.tw-v27-coupon-copy.is-copied,
button.tw-v22-coupon-copy.is-copied,
button.tw-v19-coupon-copy.is-copied {
  background: #eef6ff !important;
  border-color: rgba(0, 102, 255, 0.42) !important;
  color: #0066ff !important;
}

.tw-v27-pricebox-row.is-updated,
.tw-v22-pricebox-row.is-updated,
.tw-v19-pricebox-row.is-updated {
  grid-template-columns: 26px max-content max-content !important;
  column-gap: 10px !important;
}

.tw-v27-pricebox-row.is-updated strong,
.tw-v22-pricebox-row.is-updated strong,
.tw-v19-pricebox-row.is-updated strong {
  margin-left: 4px !important;
}

/* ---------------------------------------------------------
   3. Abschnittsnavigation: ohne kaputten linken Kreis, gleichmäßig verteilt
   --------------------------------------------------------- */
.tw-section-nav-widget,
.tw-section-nav-widget .elementor-widget-container,
.elementor-widget-shortcode:has(.tw-v27-section-nav),
.elementor-widget-container:has(.tw-v27-section-nav) {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  overflow: visible !important;
}

.tw-v27-section-nav,
.tw-v26-section-nav.tw-v27-section-nav,
.tw-v24-section-nav.tw-v27-section-nav,
.tw-v19-section-nav.tw-v27-section-nav {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
  margin: 0 auto !important;
  padding: 10px 12px !important;
  border: 1px solid #e4ebf5 !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.04) !important;
  overflow: visible !important;
}

.tw-v27-section-nav-track,
.tw-v26-section-nav-track.tw-v27-section-nav-track,
.tw-v24-section-nav-track.tw-v27-section-nav-track,
.tw-v19-section-nav-track.tw-v27-section-nav-track {
  width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 7px !important;
  overflow: visible !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.tw-v27-section-nav-link,
.tw-v26-section-nav-link.tw-v27-section-nav-link,
.tw-v24-section-nav-link.tw-v27-section-nav-link,
.tw-v19-section-nav-link.tw-v27-section-nav-link {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  height: 38px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  border-radius: 14px !important;
  border: 1px solid transparent !important;
  color: #0f2a4d !important;
  background: transparent !important;
  text-decoration: none !important;
  font-size: 12.4px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

.tw-v27-section-nav-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tw-v27-section-nav-icon,
.tw-v27-section-nav-icon svg {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  color: currentColor !important;
  stroke: currentColor !important;
}

.tw-v27-section-nav-link:hover,
.tw-v27-section-nav-link:focus,
.tw-v27-section-nav-link.is-active {
  color: #0066ff !important;
  background: #f4f8ff !important;
  border-color: rgba(0, 102, 255, 0.14) !important;
  box-shadow: inset 0 -3px 0 #0066ff !important;
}

.tw-v27-section-nav .tw-v26-section-nav-arrow,
.tw-v27-section-nav .tw-v24-section-nav-arrow,
.tw-v27-section-nav .tw-v23-section-nav-arrow {
  display: none !important;
}

/* ---------------------------------------------------------
   4. Karten/Listen: Höhe stabil, 5 Bulletpoints wirklich sichtbar
   --------------------------------------------------------- */
.tw-v19-card-inner.is-overview,
.tw-v19-card-inner.is-benefits,
.tw-v19-card-inner.is-cons,
.tw-v19-card-inner.is-functions,
.tw-v19-card-inner.is-fit,
.tw-v19-card-inner.is-notfit,
.tw-v19-card-inner.is-facts,
.tw-v19-card-inner.is-ratings,
.tw-v19-card-inner.is-alternatives {
  min-height: 500px !important;
  height: 500px !important;
  max-height: 500px !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-list li,
.tw-v19-card-inner.is-cons .tw-v19-list li,
.tw-v19-card-inner.is-functions .tw-v19-list li,
.tw-v19-card-inner.is-fit .tw-v19-list li,
.tw-v19-card-inner.is-notfit .tw-v19-list li {
  font-size: 15.6px !important;
  line-height: 1.42 !important;
  margin-bottom: 13px !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: none !important;
  overflow: visible !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body::after,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body::after,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body::after,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body::after,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body::after,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body::after,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body::after,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body::after,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body::after,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body::after,
.tw-v24-no-overflow .tw-v19-expand-body::after,
.tw-v26-no-overflow .tw-v19-expand-body::after {
  display: none !important;
  content: none !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 332px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 10px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #a8b3c2 transparent !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: 342px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 342px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 10px !important;
}

/* ---------------------------------------------------------
   5. Eckdaten: Text besser verteilt, Zähler direkt neben Label
   --------------------------------------------------------- */
.tw-v27-card-is-facts .tw-v19-card-body,
.tw-v27-facts-slider,
.tw-v27-facts-viewport,
.tw-v27-facts-page {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.tw-v27-facts-slider {
  display: flex !important;
  flex-direction: column !important;
}

.tw-v27-facts-viewport {
  flex: 1 1 auto !important;
}

.tw-v27-facts-static {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  padding-top: 2px !important;
}

.tw-v27-card-is-facts .tw-v25-fact-row {
  grid-template-columns: 24px minmax(96px, 0.62fr) minmax(0, 1fr) !important;
  min-height: 32px !important;
  padding: 5px 0 !important;
  gap: 9px !important;
}

.tw-v27-card-is-facts .tw-v25-fact-label {
  font-size: 13.1px !important;
  font-weight: 950 !important;
}

.tw-v27-card-is-facts .tw-v25-fact-value-scroll {
  font-size: 13.1px !important;
  font-weight: 820 !important;
  color: #1d2a3f !important;
}

.tw-v27-facts-controls {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 13px !important;
}

.tw-v27-facts-main {
  min-height: 44px !important;
  padding: 0 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border-radius: 13px !important;
  border: 1px solid rgba(0, 102, 255, 0.16) !important;
  background: #f8fbff !important;
  color: #0066ff !important;
  font-size: 13.6px !important;
  font-weight: 950 !important;
  overflow: hidden !important;
}

.tw-v27-facts-main .tw-v27-facts-more-label,
.tw-v27-facts-main .tw-v27-facts-less-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-v27-facts-count,
.tw-v27-facts-main strong {
  margin-left: 0 !important;
  min-width: 30px !important;
  height: 30px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #edf5ff !important;
  color: #0066ff !important;
  font-size: 13.4px !important;
  font-weight: 950 !important;
}

.tw-v27-facts-arrow {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 1px solid #dce7f5 !important;
  background: #ffffff !important;
  color: #0f2a4d !important;
}

.tw-v27-facts-arrow:hover {
  color: #0066ff !important;
  border-color: rgba(0,102,255,.28) !important;
  background: #f8fbff !important;
}

/* ---------------------------------------------------------
   6. Bewertungskarte: Markenlogo sichtbar, Raum sauber genutzt
   --------------------------------------------------------- */
.tw-v27-card-is-ratings .tw-v19-card-body,
.tw-v27-rating-single-slider {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.tw-v27-rating-intro {
  margin: 0 0 14px 0 !important;
  color: #5f7088 !important;
  font-size: 13.4px !important;
  line-height: 1.38 !important;
  font-weight: 720 !important;
}

.tw-v27-rating-frame {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 38px !important;
  align-items: center !important;
  gap: 12px !important;
}

.tw-v27-rating-single-slider.has-single .tw-v27-rating-frame {
  grid-template-columns: minmax(0, 1fr) !important;
}

.tw-v27-rating-viewport,
.tw-v27-rating-page {
  min-width: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tw-v27-rating-page[hidden] {
  display: none !important;
}

.tw-v27-rating-single-card {
  width: 100% !important;
  max-width: 330px !important;
  min-height: 228px !important;
  padding: 28px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.05) !important;
  color: #07142f !important;
  text-decoration: none !important;
}

.tw-v27-rating-brand {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

.tw-v27-rating-logo-shell {
  min-width: 38px !important;
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  background: #ecfdf5 !important;
  color: #00b67a !important;
  font-size: 25px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.tw-v27-rating-logo-img {
  max-width: 140px !important;
  max-height: 36px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

.tw-v27-rating-logo-shell:has(.tw-v27-rating-logo-img) {
  width: auto !important;
  min-width: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.tw-v27-rating-logo-shell.is-capterra {
  background: #eff6ff !important;
  color: #0ea5e9 !important;
}

.tw-v27-rating-logo-shell.is-g2 {
  background: #fff1f2 !important;
  color: #ef3b2d !important;
  font-size: 14px !important;
}

.tw-v27-rating-logo-shell.is-google {
  background: #f8fafc !important;
  color: #2563eb !important;
}

.tw-v27-rating-brand-text {
  color: #07142f !important;
  font-size: 21px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.25px !important;
}

.tw-v27-rating-score-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
}

.tw-v27-rating-score {
  color: #07142f !important;
  font-size: 43px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.8px !important;
}

.tw-v27-stars,
.tw-v27-stars .tw-v19-stars-base,
.tw-v27-stars .tw-v19-stars-fill {
  font-size: 23px !important;
  line-height: 23px !important;
}

.tw-v27-stars {
  width: 126px !important;
  height: 23px !important;
}

.tw-v27-rating-count {
  color: #53647d !important;
  font-size: 14px !important;
  font-weight: 800 !important;
}

.tw-v27-rating-arrow {
  width: 38px !important;
  height: 38px !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #102a4c !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.045) !important;
}

.tw-v27-rating-arrow:hover {
  background: #f8fbff !important;
  color: #0066ff !important;
  border-color: rgba(0, 102, 255, 0.28) !important;
}

.tw-v27-rating-dots {
  margin-top: 10px !important;
}

.tw-v27-rating-more {
  margin-top: 12px !important;
  min-height: 44px !important;
  width: 100% !important;
  border-radius: 13px !important;
  border: 1px solid rgba(0, 102, 255, 0.18) !important;
  background: #f8fbff !important;
  color: #0066ff !important;
  font-size: 13.5px !important;
  font-weight: 950 !important;
}

/* ---------------------------------------------------------
   7. Tablet/Mobile
   --------------------------------------------------------- */
@media (max-width: 1024px) {
  .tw-v27-section-nav-track {
    display: flex !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }

  .tw-v27-section-nav-link {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    padding: 0 13px !important;
  }
}

@media (max-width: 767px) {
  .tw-v19-card-inner.is-overview,
  .tw-v19-card-inner.is-benefits,
  .tw-v19-card-inner.is-cons,
  .tw-v19-card-inner.is-functions,
  .tw-v19-card-inner.is-fit,
  .tw-v19-card-inner.is-notfit,
  .tw-v19-card-inner.is-facts,
  .tw-v19-card-inner.is-ratings,
  .tw-v19-card-inner.is-alternatives {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  .tw-v27-rating-frame {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  }

  .tw-v27-rating-single-card {
    min-height: 210px !important;
  }
}


/* =========================================================
   ToolWissen – Detailseite V28 Live-Korrektur
   Zweck:
   - Abschnittsnavigation wieder über volle Breite verteilen.
   - Preisbox einheitlich, ohne Slash vor dem Zeitraum.
   - Gutschein-Hinweis direkt zum Gutscheinbereich ziehen.
   - Eckdaten: keine kleinen Zeilen-Pfeile, nur saubere Hauptpfeile.
   - Bewertungen: ruhiger, professioneller, Quellenlogo sichtbar.
   - Listen: 5 Bulletpoints in geschlossener Ansicht sicher sichtbar.
   ========================================================= */

/* ---------------------------------------------------------
   1. Abschnittsnavigation – volle Breite, mit richtigen Pfeilen
   --------------------------------------------------------- */
.tw-section-nav-widget,
.tw-section-nav-widget .elementor-widget-container,
.elementor-widget-shortcode:has(.tw-v28-section-nav),
.elementor-widget-shortcode:has(.tw-v27-section-nav),
.elementor-widget-shortcode:has(.tw-v26-section-nav) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
}

.tw-v28-section-nav,
.tw-v27-section-nav,
.tw-v26-section-nav,
.tw-v24-section-nav,
.tw-v23-section-nav {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 10px !important;
  margin: 0 auto 26px auto !important;
  padding: 10px 12px !important;
  border: 1px solid #e6edf7 !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.045) !important;
  overflow: hidden !important;
}

/* Falls noch alte V27-Ausgabe ohne Pfeile gecacht ist: Track trotzdem volle Breite geben. */
.tw-v27-section-nav > .tw-v27-section-nav-track:first-child:last-child {
  grid-column: 1 / -1 !important;
}

.tw-v28-section-nav-track,
.tw-v27-section-nav-track,
.tw-v26-section-nav-track,
.tw-v24-section-nav-track,
.tw-v23-section-nav-track,
.tw-v21-section-nav-track,
.tw-v19-section-nav-track {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 7px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scrollbar-width: none !important;
  scroll-behavior: smooth !important;
}

.tw-v28-section-nav-track::-webkit-scrollbar,
.tw-v27-section-nav-track::-webkit-scrollbar,
.tw-v26-section-nav-track::-webkit-scrollbar {
  display: none !important;
}

.tw-v28-section-nav-link,
.tw-v27-section-nav-link,
.tw-v26-section-nav-link,
.tw-v24-section-nav-link,
.tw-v23-section-nav-link {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 38px !important;
  padding: 0 9px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #07142f !important;
  font-size: 12.6px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.tw-v28-section-nav-link:hover,
.tw-v28-section-nav-link:focus,
.tw-v28-section-nav-link.is-active,
.tw-v27-section-nav-link:hover,
.tw-v27-section-nav-link:focus,
.tw-v27-section-nav-link.is-active,
.tw-v26-section-nav-link:hover,
.tw-v26-section-nav-link:focus,
.tw-v26-section-nav-link.is-active {
  background: #f3f7ff !important;
  border-color: rgba(0, 102, 255, 0.18) !important;
  color: #0066ff !important;
  text-decoration: none !important;
  box-shadow: inset 0 -3px 0 #0066ff, 0 7px 18px rgba(0, 102, 255, 0.055) !important;
}

.tw-v28-section-nav-icon,
.tw-v27-section-nav-icon,
.tw-v26-section-nav-icon,
.tw-v24-section-nav-icon,
.tw-v23-section-nav-icon,
.tw-v28-section-nav-icon svg,
.tw-v27-section-nav-icon svg,
.tw-v26-section-nav-icon svg,
.tw-v24-section-nav-icon svg,
.tw-v23-section-nav-icon svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  stroke-width: 2.35 !important;
  color: currentColor !important;
}

.tw-v28-section-nav-label,
.tw-v27-section-nav-label,
.tw-v26-section-nav-label,
.tw-v24-section-nav-label,
.tw-v23-section-nav-label {
  min-width: 0 !important;
  display: inline-block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tw-v28-section-nav-arrow,
.tw-v26-section-nav-arrow,
.tw-v24-section-nav-arrow,
.tw-v23-section-nav-arrow {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #07142f !important;
  font-size: 20px !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.045) !important;
  cursor: pointer !important;
}

.tw-v28-section-nav-arrow span,
.tw-v26-section-nav-arrow span,
.tw-v24-section-nav-arrow span,
.tw-v23-section-nav-arrow span {
  display: block !important;
  width: 1em !important;
  height: 1em !important;
  line-height: 0.9 !important;
  text-align: center !important;
}

.tw-v28-section-nav-arrow:hover,
.tw-v26-section-nav-arrow:hover,
.tw-v24-section-nav-arrow:hover,
.tw-v23-section-nav-arrow:hover {
  border-color: rgba(0, 102, 255, 0.3) !important;
  color: #0066ff !important;
  background: #f8fbff !important;
}

.tw-v28-section-nav.no-scroll .tw-v28-section-nav-arrow,
.tw-v28-section-nav-arrow.is-disabled {
  opacity: 0.38 !important;
  pointer-events: none !important;
}

/* ---------------------------------------------------------
   2. Hero-Taxonomie oben – kleiner, symmetrisch, Pfeile mittig
   --------------------------------------------------------- */
.tw-hero-tax-strip,
.tw-v21-hero-tax-strip {
  align-self: center !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tw-hero-tax-inner,
.tw-v21-hero-tax-inner {
  min-height: 34px !important;
  height: 34px !important;
  align-items: center !important;
  gap: 8px !important;
}

.tw-hero-tax-track,
.tw-v21-hero-tax-track {
  align-items: center !important;
  gap: 8px !important;
}

.tw-hero-tax-chip,
.tw-v21-hero-tax-chip {
  min-height: 28px !important;
  height: 28px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tw-hero-tax-chip-text,
.tw-v21-hero-tax-chip-text {
  font-size: 11.7px !important;
  line-height: 1 !important;
}

.tw-hero-tax-arrow,
.tw-v21-hero-tax-arrow {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  margin: 0 !important;
  transform: none !important;
  top: auto !important;
}

.tw-hero-tax-arrow span,
.tw-v21-hero-tax-arrow span {
  line-height: 0.9 !important;
  display: block !important;
}

/* ---------------------------------------------------------
   3. Preisbox – einheitliches Schwarz, ohne Slash, Gutschein-Hinweis direkt beim Gutschein
   --------------------------------------------------------- */
.tw-v28-pricebox,
.tw-v27-pricebox,
.tw-v22-pricebox,
.tw-v19-pricebox {
  color: #07142f !important;
}

.tw-v28-pricebox *,
.tw-v27-pricebox *,
.tw-v22-pricebox *,
.tw-v19-pricebox * {
  color: inherit !important;
}

.tw-v28-price-line,
.tw-v27-price-line,
.tw-v22-price-line,
.tw-v19-price-line {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  color: #07142f !important;
}

.tw-v28-price-amount,
.tw-v27-price-amount,
.tw-v22-price-amount,
.tw-v19-price-amount,
.tw-v28-price-currency,
.tw-v27-price-currency,
.tw-v22-price-currency,
.tw-v19-price-currency,
.tw-v28-price-period,
.tw-v27-price-period,
.tw-v22-price-period,
.tw-v19-price-period {
  color: #07142f !important;
}

.tw-v28-price-period,
.tw-v27-price-period,
.tw-v22-price-period,
.tw-v19-price-period {
  border-left: 1px solid #d7deea !important;
  padding-left: 14px !important;
  margin-left: 2px !important;
  font-size: 19px !important;
  font-weight: 900 !important;
}

.tw-v28-pricebox-row.is-updated,
.tw-v27-pricebox-row.is-updated,
.tw-v22-pricebox-row.is-updated,
.tw-v19-pricebox-row.is-updated {
  display: grid !important;
  grid-template-columns: 24px max-content max-content !important;
  align-items: center !important;
  column-gap: 10px !important;
}

.tw-v28-pricebox-row.is-updated strong,
.tw-v27-pricebox-row.is-updated strong,
.tw-v22-pricebox-row.is-updated strong,
.tw-v19-pricebox-row.is-updated strong {
  margin-left: 4px !important;
  justify-self: start !important;
  white-space: nowrap !important;
  color: #07142f !important;
}

.tw-v28-coupon-block {
  margin-top: 26px !important;
  padding-top: 18px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.09) !important;
}

.tw-v28-coupon-hint,
.tw-v27-coupon-hint,
.tw-v22-coupon-hint {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  color: #52627a !important;
  font-size: 13.5px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  letter-spacing: -0.03px !important;
}

.tw-v28-coupon-row,
.tw-v27-coupon-row,
.tw-v22-coupon-row,
.tw-v19-coupon-row {
  margin-top: 0 !important;
}

.tw-v28-coupon-label,
.tw-v27-coupon-label,
.tw-v22-coupon-label,
.tw-v19-coupon-label {
  color: #07142f !important;
  font-weight: 900 !important;
}

.tw-v28-coupon-code,
.tw-v27-coupon-code,
.tw-v22-coupon-code,
.tw-v19-coupon-code {
  color: #0066ff !important;
  border-color: #cfe0ff !important;
  background: #ffffff !important;
}

.tw-v28-coupon-copy,
.tw-v27-coupon-copy,
.tw-v22-coupon-copy,
.tw-v19-coupon-copy,
button.tw-v28-coupon-copy,
button.tw-v27-coupon-copy,
button.tw-v22-coupon-copy,
button.tw-v19-coupon-copy {
  background: #ffffff !important;
  border: 1px solid #dbe8ff !important;
  color: #0066ff !important;
  box-shadow: 0 8px 18px rgba(0, 102, 255, 0.055) !important;
}

.tw-v28-coupon-copy:hover,
.tw-v27-coupon-copy:hover,
.tw-v22-coupon-copy:hover,
.tw-v19-coupon-copy:hover,
button.tw-v28-coupon-copy:hover,
button.tw-v27-coupon-copy:hover,
button.tw-v22-coupon-copy:hover,
button.tw-v19-coupon-copy:hover,
.tw-v28-coupon-copy.is-copied,
.tw-v27-coupon-copy.is-copied,
.tw-v22-coupon-copy.is-copied,
.tw-v19-coupon-copy.is-copied {
  background: #f4f8ff !important;
  border-color: rgba(0, 102, 255, 0.34) !important;
  color: #0054d6 !important;
}

.tw-v28-coupon-copy svg,
.tw-v27-coupon-copy svg,
.tw-v22-coupon-copy svg,
.tw-v19-coupon-copy svg {
  stroke: currentColor !important;
}

/* ---------------------------------------------------------
   4. Kartenhöhe und Listen – 5 Bulletpoints sicher sichtbar
   --------------------------------------------------------- */
.tw-v19-card-inner.is-overview,
.tw-v19-card-inner.is-benefits,
.tw-v19-card-inner.is-cons,
.tw-v19-card-inner.is-functions,
.tw-v19-card-inner.is-fit,
.tw-v19-card-inner.is-notfit,
.tw-v19-card-inner.is-facts,
.tw-v19-card-inner.is-ratings,
.tw-v19-card-inner.is-alternatives {
  min-height: 520px !important;
  height: 520px !important;
  max-height: 520px !important;
  overflow: hidden !important;
}

.tw-v19-card-title,
.tw-card-title,
.tw-detail-card h2,
.tw-detail-card h3 {
  margin-bottom: 24px !important;
}

.tw-v19-card-inner.is-facts .tw-v19-card-title,
.tw-v19-card-inner.is-ratings .tw-v19-card-title,
.tw-v19-card-inner.is-alternatives .tw-v19-card-title {
  margin-bottom: 18px !important;
}

.tw-v19-list li,
.tw-benefit-list li,
.tw-cons-list li,
.tw-feature-list li,
.tw-fit-list li,
.tw-notfit-list li {
  font-size: 16px !important;
  line-height: 1.45 !important;
  margin-bottom: 14px !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: 352px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 352px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 10px !important;
  scrollbar-width: thin !important;
  scrollbar-color: #a8b3c2 transparent !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 352px !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 10px !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  overflow: hidden !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6) {
  display: none !important;
}

.tw-v19-more,
.tw-v22-more,
button.tw-v19-more,
button.tw-v22-more {
  color: #0066ff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.tw-v19-more:hover,
.tw-v22-more:hover,
button.tw-v19-more:hover,
button.tw-v22-more:hover {
  color: #0054d6 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

/* ---------------------------------------------------------
   5. Eckdaten – mehr Luft, keine unruhigen Mini-Pfeile pro Zeile
   --------------------------------------------------------- */
.tw-v25-fact-row,
.tw-v23-facts-static .tw-v25-fact-row,
.tw-v27-facts-static .tw-v25-fact-row {
  grid-template-columns: 24px minmax(96px, 0.62fr) minmax(0, 1fr) !important;
  min-height: 33px !important;
  padding: 5px 0 !important;
  gap: 10px !important;
}

.tw-v25-fact-icon {
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
}

.tw-v25-fact-label {
  font-size: 13.1px !important;
  line-height: 1.12 !important;
  font-weight: 900 !important;
}

.tw-v25-fact-value-shell {
  display: block !important;
  overflow: hidden !important;
}

.tw-v25-fact-value-scroll {
  font-size: 13.1px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.tw-v25-fact-value-next {
  display: none !important;
}

.tw-v27-facts-controls,
.tw-v25-facts-controls,
.tw-v23-facts-controls {
  grid-template-columns: 40px minmax(0, 1fr) 40px !important;
  gap: 10px !important;
  margin-top: 16px !important;
  align-items: center !important;
}

.tw-v27-facts-arrow,
.tw-v25-facts-arrow,
.tw-v23-facts-arrow {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 22px !important;
  line-height: 1 !important;
}

.tw-v27-facts-main,
.tw-v25-facts-main,
.tw-v23-facts-main {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  padding: 0 14px !important;
  text-align: center !important;
}

.tw-v27-facts-count {
  margin-left: 0 !important;
  min-width: 30px !important;
  height: 26px !important;
}

.tw-v27-facts-main-icon,
.tw-v25-facts-main-icon,
.tw-v23-facts-main-icon {
  display: none !important;
}

.tw-v23-facts-tax-list,
.tw-v25-facts-tax-list,
.tw-v27-facts-tax-list {
  padding-right: 10px !important;
}

/* ---------------------------------------------------------
   6. Bewertungen – Logo/Fallback sichtbar und Fläche hochwertiger genutzt
   --------------------------------------------------------- */
.tw-v27-card-is-ratings .tw-v19-card-body,
.tw-v26-card-is-ratings .tw-v19-card-body,
.tw-v25-card-is-ratings .tw-v19-card-body,
.tw-v22-card-is-ratings .tw-v19-card-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}

.tw-v27-rating-intro,
.tw-v26-rating-intro,
.tw-v25-rating-intro {
  max-width: 100% !important;
  margin: 0 0 20px 0 !important;
  color: #52627a !important;
  font-size: 14.2px !important;
  line-height: 1.42 !important;
  font-weight: 750 !important;
  letter-spacing: -0.02px !important;
}

.tw-v27-rating-frame,
.tw-v26-rating-frame,
.tw-v25-rating-frame,
.tw-v22-rating-frame {
  width: 100% !important;
  min-height: 235px !important;
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 42px !important;
  align-items: center !important;
  gap: 12px !important;
}

.tw-v27-rating-viewport,
.tw-v26-rating-viewport,
.tw-v25-rating-viewport,
.tw-v22-rating-viewport {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.tw-v27-rating-page,
.tw-v26-rating-page,
.tw-v25-rating-page,
.tw-v22-rating-page {
  width: 100% !important;
}

.tw-v27-rating-single-card,
.tw-v26-rating-single-card,
.tw-v25-rating-single-card,
.tw-v22-rating-single-card {
  width: 100% !important;
  min-height: 210px !important;
  padding: 26px 24px 24px 24px !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  text-decoration: none !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045) !important;
}

.tw-v27-rating-brand,
.tw-v26-rating-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  max-width: 100% !important;
  color: #07142f !important;
}

.tw-v27-rating-logo-shell,
.tw-v27-rating-brand-img,
.tw-v26-rating-brand-img,
.tw-v26-rating-brand-symbol {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  object-fit: contain !important;
}

.tw-v27-rating-logo-shell.is-trustpilot,
.tw-v26-rating-brand-symbol {
  color: #00b67a !important;
  font-size: 30px !important;
  line-height: 1 !important;
}

.tw-v27-rating-brand-text,
.tw-v26-rating-brand-text {
  color: #07142f !important;
  font-size: 23px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.25px !important;
}

.tw-v27-rating-score-wrap {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 13px !important;
}

.tw-v27-rating-score {
  color: #07142f !important;
  font-size: 42px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.8px !important;
}

.tw-v27-stars,
.tw-v26-stars,
.tw-v25-stars,
.tw-v22-stars {
  transform: scale(1.08) !important;
  transform-origin: left center !important;
}

.tw-v27-rating-count,
.tw-v26-rating-count,
.tw-v25-rating-count,
.tw-v22-rating-count {
  color: #52627a !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
}

.tw-v27-rating-arrow,
.tw-v26-rating-arrow,
.tw-v25-rating-arrow,
.tw-v22-rating-arrow {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border-radius: 999px !important;
  color: #07142f !important;
  background: #ffffff !important;
  border-color: #e2e8f0 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.055) !important;
}

.tw-v27-rating-dots,
.tw-v26-rating-dots,
.tw-v25-rating-dots,
.tw-v22-rating-dots {
  margin-top: 12px !important;
}

.tw-v27-rating-more,
.tw-v26-rating-more,
.tw-v25-rating-more,
.tw-v22-rating-more {
  margin-top: auto !important;
}

/* ---------------------------------------------------------
   7. Alternativen – Reihenfolge kommt aus PHP V28, Optik bleibt kompakt
   --------------------------------------------------------- */
.tw-v28-card-is-alternatives .tw-alt-v26-page,
.tw-v28-card-is-alternatives .tw-alt-v28-page {
  display: flex !important;
  flex-direction: column !important;
}

.tw-v28-card-is-alternatives .tw-alt-v28-page[hidden] {
  display: none !important;
}

/* ---------------------------------------------------------
   8. Mobile/Tablet
   --------------------------------------------------------- */
@media (max-width: 1024px) {
  .tw-v28-section-nav-track,
  .tw-v27-section-nav-track,
  .tw-v26-section-nav-track {
    display: flex !important;
    grid-template-columns: none !important;
  }

  .tw-v28-section-nav-link,
  .tw-v27-section-nav-link,
  .tw-v26-section-nav-link {
    width: auto !important;
    flex: 0 0 auto !important;
    padding: 0 12px !important;
  }
}

@media (max-width: 767px) {
  .tw-v19-card-inner.is-overview,
  .tw-v19-card-inner.is-benefits,
  .tw-v19-card-inner.is-cons,
  .tw-v19-card-inner.is-functions,
  .tw-v19-card-inner.is-fit,
  .tw-v19-card-inner.is-notfit,
  .tw-v19-card-inner.is-facts,
  .tw-v19-card-inner.is-ratings,
  .tw-v19-card-inner.is-alternatives {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }

  .tw-v28-section-nav,
  .tw-v27-section-nav,
  .tw-v26-section-nav {
    grid-template-columns: 32px minmax(0, 1fr) 32px !important;
    padding: 8px !important;
    border-radius: 18px !important;
  }

  .tw-v28-section-nav-arrow,
  .tw-v26-section-nav-arrow {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
  }

  .tw-v27-rating-frame,
  .tw-v26-rating-frame,
  .tw-v25-rating-frame,
  .tw-v22-rating-frame {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
    gap: 8px !important;
  }

  .tw-v27-rating-single-card,
  .tw-v26-rating-single-card,
  .tw-v25-rating-single-card,
  .tw-v22-rating-single-card {
    min-height: 180px !important;
    padding: 22px 16px !important;
  }
}


/* =========================================================
   ToolWissen – Detailseite V29 Feinschliff
   Zweck:
   - Navigation wirklich volle Breite, ohne links eingeklemmte Pfeil-Optik.
   - Hero-Taxonomie-Pfeile sauber mittig.
   - Preisbox: Zeitraum kompakt, Gutschein-Hinweis direkt zum Gutschein.
   - Listen-Karten stabil, 5 Bulletpoints sichtbar, weniger leerer Raum.
   - Eckdaten-Steuerung ruhiger, Zahl enger am Text.
   - Bewertungen hochwertiger und kompakter mit echtem Logo/Fallback.
   ========================================================= */

/* ---------------------------------------------------------
   1. Abschnittsnavigation – volle Breite ohne kaputte Pfeilspalte
   --------------------------------------------------------- */
.tw-section-nav-widget,
.tw-section-nav-widget .elementor-widget-container,
.elementor-widget-shortcode:has(.tw-v29-section-nav),
.elementor-widget-container:has(.tw-v29-section-nav),
.elementor-element:has(.tw-v29-section-nav) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 0 0 100% !important;
  align-self: stretch !important;
  display: block !important;
}

.tw-v29-section-nav,
.tw-v19-section-nav.tw-v29-section-nav,
.tw-v28-section-nav.tw-v29-section-nav {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
  margin: 0 auto 26px auto !important;
  padding: 10px 12px !important;
  border: 1px solid #e6edf7 !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.045) !important;
  overflow: hidden !important;
}

.tw-v29-section-nav-track,
.tw-v19-section-nav-track.tw-v29-section-nav-track,
.tw-v28-section-nav-track.tw-v29-section-nav-track {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  align-items: center !important;
  justify-content: stretch !important;
  gap: 8px !important;
  overflow: hidden !important;
  scrollbar-width: none !important;
}

.tw-v29-section-nav-track::-webkit-scrollbar {
  display: none !important;
}

.tw-v29-section-nav-link,
.tw-v19-section-nav-link.tw-v29-section-nav-link,
.tw-v28-section-nav-link.tw-v29-section-nav-link {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: 38px !important;
  padding: 0 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #07142f !important;
  font-size: 12.4px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.tw-v29-section-nav-link:hover,
.tw-v29-section-nav-link:focus,
.tw-v29-section-nav-link.is-active,
.tw-v19-section-nav-link.tw-v29-section-nav-link:hover,
.tw-v19-section-nav-link.tw-v29-section-nav-link:focus,
.tw-v19-section-nav-link.tw-v29-section-nav-link.is-active {
  background: #f3f7ff !important;
  border-color: rgba(0, 102, 255, 0.18) !important;
  color: #0066ff !important;
  text-decoration: none !important;
  box-shadow: inset 0 -3px 0 #0066ff, 0 7px 18px rgba(0, 102, 255, 0.055) !important;
}

.tw-v29-section-nav-icon,
.tw-v29-section-nav-icon svg {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  stroke-width: 2.35 !important;
  color: currentColor !important;
}

.tw-v29-section-nav-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Alte Navigationspfeile sicher entfernen, falls Browser-/Cache-Mix noch alte Markups lädt. */
.tw-v29-section-nav .tw-v28-section-nav-arrow,
.tw-v29-section-nav .tw-v27-section-nav-arrow,
.tw-v29-section-nav .tw-v26-section-nav-arrow,
.tw-v29-section-nav .tw-v24-section-nav-arrow,
.tw-v29-section-nav .tw-v23-section-nav-arrow {
  display: none !important;
}

/* ---------------------------------------------------------
   2. Hero-Taxonomie oben – Pfeile exakt mittig und etwas ruhiger
   --------------------------------------------------------- */
.tw-hero-tax-inner,
.tw-v21-hero-tax-inner {
  min-height: 32px !important;
  height: 32px !important;
  align-items: center !important;
  gap: 8px !important;
}

.tw-hero-tax-viewport,
.tw-v21-hero-tax-viewport,
.tw-hero-tax-track,
.tw-v21-hero-tax-track {
  align-items: center !important;
}

.tw-hero-tax-chip,
.tw-v21-hero-tax-chip {
  min-height: 27px !important;
  height: 27px !important;
  padding: 0 17px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tw-hero-tax-chip-text,
.tw-v21-hero-tax-chip-text {
  font-size: 11.4px !important;
  line-height: 1 !important;
}

.tw-hero-tax-arrow,
.tw-v21-hero-tax-arrow {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: center !important;
  line-height: 1 !important;
  transform: translateY(0) !important;
  top: auto !important;
}

.tw-hero-tax-arrow span,
.tw-v21-hero-tax-arrow span {
  width: 100% !important;
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  transform: translateY(-0.5px) !important;
}

/* ---------------------------------------------------------
   3. Preisbox – Zeitraum/Monat kompakt, Gutschein-Hinweis im Gutscheinbereich
   --------------------------------------------------------- */
.tw-v28-price-line,
.tw-v27-price-line,
.tw-v22-price-line,
.tw-v19-price-line {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}

.tw-v28-price-period,
.tw-v27-price-period,
.tw-v22-price-period,
.tw-v19-price-period {
  border-left: 0 !important;
  padding-left: 0 !important;
  margin-left: 6px !important;
  color: #07142f !important;
  font-size: 20px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.tw-v28-pricebox-row.is-updated,
.tw-v27-pricebox-row.is-updated,
.tw-v22-pricebox-row.is-updated,
.tw-v19-pricebox-row.is-updated {
  grid-template-columns: 24px max-content max-content !important;
  column-gap: 9px !important;
}

.tw-v28-pricebox-row.is-updated strong,
.tw-v27-pricebox-row.is-updated strong,
.tw-v22-pricebox-row.is-updated strong,
.tw-v19-pricebox-row.is-updated strong {
  margin-left: 2px !important;
}

.tw-v28-coupon-block,
.tw-v27-coupon-block,
.tw-v22-coupon-block,
.tw-v19-coupon-block {
  margin-top: 22px !important;
  padding-top: 17px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.09) !important;
}

.tw-v28-coupon-hint,
.tw-v27-coupon-hint,
.tw-v22-coupon-hint,
.tw-v19-coupon-hint {
  margin: 0 0 10px 0 !important;
  padding: 0 !important;
  color: #52627a !important;
  font-size: 13.5px !important;
  line-height: 1.34 !important;
  font-weight: 850 !important;
}

.tw-v28-coupon-row,
.tw-v27-coupon-row,
.tw-v22-coupon-row,
.tw-v19-coupon-row {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.tw-v28-coupon-copy,
.tw-v27-coupon-copy,
.tw-v22-coupon-copy,
.tw-v19-coupon-copy,
button.tw-v28-coupon-copy,
button.tw-v27-coupon-copy,
button.tw-v22-coupon-copy,
button.tw-v19-coupon-copy {
  background: #ffffff !important;
  border-color: #dbe8ff !important;
  color: #0066ff !important;
}

.tw-v28-coupon-copy:hover,
.tw-v27-coupon-copy:hover,
.tw-v22-coupon-copy:hover,
.tw-v19-coupon-copy:hover,
.tw-v28-coupon-copy.is-copied,
.tw-v27-coupon-copy.is-copied,
.tw-v22-coupon-copy.is-copied,
.tw-v19-coupon-copy.is-copied {
  background: #f4f8ff !important;
  border-color: rgba(0, 102, 255, 0.35) !important;
  color: #0054d6 !important;
}

/* ---------------------------------------------------------
   4. Info-Karten – 5 Bulletpoints sichtbar, Button nicht künstlich unten ankleben
   --------------------------------------------------------- */
.tw-v19-card-inner.is-overview,
.tw-v19-card-inner.is-benefits,
.tw-v19-card-inner.is-cons,
.tw-v19-card-inner.is-functions,
.tw-v19-card-inner.is-fit,
.tw-v19-card-inner.is-notfit,
.tw-v19-card-inner.is-facts,
.tw-v19-card-inner.is-ratings,
.tw-v19-card-inner.is-alternatives {
  min-height: 500px !important;
  height: 500px !important;
  max-height: 500px !important;
}

.tw-v19-card-inner.is-overview .tw-v19-card-body,
.tw-v19-card-inner.is-benefits .tw-v19-card-body,
.tw-v19-card-inner.is-cons .tw-v19-card-body,
.tw-v19-card-inner.is-functions .tw-v19-card-body,
.tw-v19-card-inner.is-fit .tw-v19-card-body,
.tw-v19-card-inner.is-notfit .tw-v19-card-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: 355px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 355px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 365px !important;
}

.tw-v19-list li,
.tw-benefit-list li,
.tw-cons-list li,
.tw-feature-list li,
.tw-fit-list li,
.tw-notfit-list li {
  margin-bottom: 15px !important;
  font-size: 15.9px !important;
  line-height: 1.43 !important;
}

.tw-v19-more,
.tw-v22-more,
button.tw-v19-more,
button.tw-v22-more {
  margin-top: 16px !important;
  align-self: flex-start !important;
}

.tw-v19-more[hidden],
.tw-v22-more[hidden],
.tw-v28-no-overflow .tw-v19-more,
.tw-v28-no-overflow .tw-v22-more,
.tw-v29-no-overflow .tw-v19-more,
.tw-v29-no-overflow .tw-v22-more {
  display: none !important;
}

/* ---------------------------------------------------------
   5. Eckdaten – Button kompakter, Zahl direkt daneben, Pfeile sauber zentriert
   --------------------------------------------------------- */
.tw-v27-facts-main,
.tw-v25-facts-main,
.tw-v23-facts-main {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 14px !important;
}

.tw-v27-facts-count,
.tw-v25-facts-main strong,
.tw-v23-facts-main strong {
  margin-left: 2px !important;
  min-width: 28px !important;
  height: 25px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tw-v23-facts-main-icon,
.tw-v25-facts-main-icon,
.tw-v27-facts-main-icon {
  display: none !important;
}

.tw-v27-facts-arrow,
.tw-v25-facts-arrow,
.tw-v23-facts-arrow {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
}

.tw-v27-facts-arrow span,
.tw-v25-facts-arrow span,
.tw-v23-facts-arrow span {
  width: 100% !important;
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  transform: translateY(-0.5px) !important;
}

/* ---------------------------------------------------------
   6. Bewertungen – hochwertiger, weniger leer, Logo sichtbar
   --------------------------------------------------------- */
.tw-v29-card-is-ratings .tw-v19-card-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.tw-v29-rating-intro {
  max-width: 100% !important;
  margin: 0 0 16px 0 !important;
  color: #52627a !important;
  font-size: 13.6px !important;
  line-height: 1.38 !important;
  font-weight: 800 !important;
  letter-spacing: -0.02px !important;
}

.tw-v29-rating-frame {
  width: 100% !important;
  min-height: 245px !important;
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) 38px !important;
  align-items: center !important;
  gap: 10px !important;
}

.tw-v29-rating-viewport,
.tw-v29-rating-page {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}

.tw-v29-rating-single-card {
  width: 100% !important;
  min-height: 224px !important;
  padding: 24px 20px 22px 20px !important;
  border: 1px solid #dfe7f2 !important;
  border-radius: 19px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 15px !important;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.048) !important;
}

.tw-v29-rating-brand {
  max-width: 100% !important;
  min-width: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  color: #07142f !important;
}

.tw-v29-rating-logo-box {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  background: #f3f7ff !important;
  overflow: hidden !important;
  color: #0066ff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}

.tw-v29-rating-logo-box.is-image {
  width: auto !important;
  min-width: 0 !important;
  max-width: 146px !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.tw-v29-rating-logo-img {
  max-width: 146px !important;
  max-height: 38px !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
}

.tw-v29-rating-logo-box.is-trustpilot {
  background: #e9fbf3 !important;
  color: #00b67a !important;
  font-size: 28px !important;
}

.tw-v29-rating-logo-box.is-capterra {
  background: #eff6ff !important;
  color: #0ea5e9 !important;
  font-size: 20px !important;
}

.tw-v29-rating-logo-box.is-g2 {
  background: #fff1f2 !important;
  color: #ef3b2d !important;
}

.tw-v29-rating-logo-box.is-google {
  background: #f8fafc !important;
  color: #2563eb !important;
}

.tw-v29-rating-brand-name {
  max-width: 180px !important;
  display: block !important;
  color: #07142f !important;
  font-size: 23px !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -0.25px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.tw-v29-rating-center {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 13px !important;
}

.tw-v29-rating-score {
  color: #07142f !important;
  font-size: 44px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: -0.8px !important;
}

.tw-v29-rating-stars-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: translateY(1px) !important;
}

.tw-v29-stars,
.tw-v29-stars .tw-v19-star,
.tw-v29-stars .tw-v22-star,
.tw-v29-stars .tw-v27-star {
  transform-origin: left center !important;
}

.tw-v29-rating-count {
  color: #52627a !important;
  font-size: 14px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  text-align: center !important;
}

.tw-v29-rating-arrow {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  color: #07142f !important;
  font-size: 24px !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.055) !important;
}

.tw-v29-rating-arrow:hover {
  border-color: rgba(0, 102, 255, 0.3) !important;
  color: #0066ff !important;
  background: #f8fbff !important;
}

.tw-v29-rating-dots {
  margin-top: 10px !important;
}

.tw-v29-rating-more {
  width: 100% !important;
  margin-top: 14px !important;
}

/* ---------------------------------------------------------
   7. Tablet/Mobile
   --------------------------------------------------------- */
@media (max-width: 1024px) {
  .tw-v29-section-nav-track {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    gap: 8px !important;
    scroll-snap-type: x proximity !important;
  }

  .tw-v29-section-nav-link {
    width: auto !important;
    flex: 0 0 auto !important;
    min-width: max-content !important;
    padding: 0 13px !important;
    scroll-snap-align: start !important;
  }
}

@media (max-width: 767px) {
  .tw-v19-card-inner.is-overview,
  .tw-v19-card-inner.is-benefits,
  .tw-v19-card-inner.is-cons,
  .tw-v19-card-inner.is-functions,
  .tw-v19-card-inner.is-fit,
  .tw-v19-card-inner.is-notfit,
  .tw-v19-card-inner.is-facts,
  .tw-v19-card-inner.is-ratings,
  .tw-v19-card-inner.is-alternatives {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }

  .tw-v29-section-nav {
    padding: 8px !important;
    border-radius: 18px !important;
  }

  .tw-v29-rating-frame {
    grid-template-columns: 34px minmax(0, 1fr) 34px !important;
    gap: 8px !important;
  }

  .tw-v29-rating-single-card {
    min-height: 190px !important;
    padding: 22px 14px !important;
  }

  .tw-v29-rating-center {
    flex-direction: column !important;
    gap: 8px !important;
  }
}


/* =========================================================
   ToolWissen – Detailseite V31 Feinschliff
   Zweck:
   - Drittel-Reihe Eckdaten/Bewertungen/Alternativen kompakter und gleichmäßiger.
   - Bewertungsbereich professioneller, weniger Leerraum, Quelle weiterhin als großer Einzelslide.
   - Abschnittsnavigation wirklich über volle Breite und ohne alte Pfeilreste.
   - Hero-Taxonomie-Pfeile optisch exakt mittig.
   - Listen-Karten mit 5 sichtbaren Bulletpoints, aber weniger leerem unteren Bereich.
   ========================================================= */

/* ---------------------------------------------------------
   1. Abschnittsnavigation – volle Breite erzwingen
   Elementor-Container darf den Shortcode nicht auf eine kleine Breite drücken.
   --------------------------------------------------------- */
.tw-section-nav-widget,
.tw-section-nav-widget .elementor-widget-container,
.elementor-widget-shortcode:has(.tw-v29-section-nav),
.elementor-widget-container:has(.tw-v29-section-nav),
.elementor-element:has(.tw-v29-section-nav),
.e-con:has(.tw-v29-section-nav),
.e-con-inner:has(.tw-v29-section-nav) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 100% !important;
  flex-basis: 100% !important;
  align-self: stretch !important;
  box-sizing: border-box !important;
}

.tw-v29-section-nav,
.tw-v19-section-nav.tw-v29-section-nav,
.tw-v28-section-nav.tw-v29-section-nav {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  margin: 0 auto 24px auto !important;
  padding: 9px 10px !important;
  overflow: hidden !important;
}

.tw-v29-section-nav-track,
.tw-v19-section-nav-track.tw-v29-section-nav-track,
.tw-v28-section-nav-track.tw-v29-section-nav-track {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  gap: 7px !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  overflow: hidden !important;
}

.tw-v29-section-nav-link,
.tw-v19-section-nav-link.tw-v29-section-nav-link,
.tw-v28-section-nav-link.tw-v29-section-nav-link {
  min-width: 0 !important;
  width: 100% !important;
  height: 38px !important;
  padding: 0 7px !important;
  justify-content: center !important;
}

.tw-v29-section-nav .tw-v28-section-nav-arrow,
.tw-v29-section-nav .tw-v27-section-nav-arrow,
.tw-v29-section-nav .tw-v26-section-nav-arrow,
.tw-v29-section-nav .tw-v24-section-nav-arrow,
.tw-v29-section-nav .tw-v23-section-nav-arrow,
.tw-v29-section-nav::before,
.tw-v29-section-nav::after {
  display: none !important;
  content: none !important;
}

/* ---------------------------------------------------------
   2. Hero-Taxonomie oben – Pfeile exakt mittig, Chips etwas ruhiger
   --------------------------------------------------------- */
.tw-hero-tax-inner,
.tw-v21-hero-tax-inner {
  min-height: 30px !important;
  height: 30px !important;
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) 30px !important;
  align-items: center !important;
  gap: 8px !important;
}

.tw-hero-tax-viewport,
.tw-v21-hero-tax-viewport {
  padding: 0 !important;
  height: 30px !important;
  display: flex !important;
  align-items: center !important;
}

.tw-hero-tax-track,
.tw-v21-hero-tax-track {
  height: 30px !important;
  align-items: center !important;
}

.tw-hero-tax-chip,
.tw-v21-hero-tax-chip {
  min-height: 26px !important;
  height: 26px !important;
  max-height: 26px !important;
  padding: 0 15px !important;
}

.tw-hero-tax-arrow,
.tw-v21-hero-tax-arrow {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  max-width: 30px !important;
  max-height: 30px !important;
  padding: 0 !important;
  margin: 0 !important;
  align-self: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transform: none !important;
}

.tw-hero-tax-arrow span,
.tw-v21-hero-tax-arrow span {
  width: 100% !important;
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  transform: translateY(-0.5px) !important;
}

/* ---------------------------------------------------------
   3. Kartenhöhe – kompakter, aber 5 Bulletpoints bleiben sichtbar
   --------------------------------------------------------- */
.tw-v19-card-inner.is-overview,
.tw-v19-card-inner.is-benefits,
.tw-v19-card-inner.is-cons,
.tw-v19-card-inner.is-functions,
.tw-v19-card-inner.is-fit,
.tw-v19-card-inner.is-notfit {
  min-height: 470px !important;
  height: 470px !important;
  max-height: 470px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-facts,
.tw-v19-card-inner.is-ratings,
.tw-v19-card-inner.is-alternatives {
  min-height: 430px !important;
  height: 430px !important;
  max-height: 430px !important;
  overflow: hidden !important;
}

.tw-v19-card-title,
.tw-card-title,
.tw-detail-card h2,
.tw-detail-card h3 {
  margin-bottom: 18px !important;
}

.tw-v19-card-inner.is-facts .tw-v19-card-title,
.tw-v19-card-inner.is-ratings .tw-v19-card-title,
.tw-v19-card-inner.is-alternatives .tw-v19-card-title {
  margin-bottom: 14px !important;
}

.tw-v19-card-inner.is-overview .tw-v19-card-body,
.tw-v19-card-inner.is-benefits .tw-v19-card-body,
.tw-v19-card-inner.is-cons .tw-v19-card-body,
.tw-v19-card-inner.is-functions .tw-v19-card-body,
.tw-v19-card-inner.is-fit .tw-v19-card-body,
.tw-v19-card-inner.is-notfit .tw-v19-card-body,
.tw-v19-card-inner.is-facts .tw-v19-card-body,
.tw-v19-card-inner.is-ratings .tw-v19-card-body,
.tw-v19-card-inner.is-alternatives .tw-v19-card-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}

.tw-v19-list li,
.tw-benefit-list li,
.tw-cons-list li,
.tw-feature-list li,
.tw-fit-list li,
.tw-notfit-list li {
  font-size: 15.2px !important;
  line-height: 1.42 !important;
  margin-bottom: 12px !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: 320px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 320px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: 320px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 320px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 8px !important;
}

.tw-v19-more,
.tw-v22-more,
button.tw-v19-more,
button.tw-v22-more {
  margin-top: auto !important;
  padding-top: 12px !important;
}

.tw-v31-no-overflow .tw-v19-more,
.tw-v31-no-overflow .tw-v22-more {
  display: none !important;
}

/* ---------------------------------------------------------
   4. Eckdaten – weniger Leerraum, Button/Zähler enger, Pfeile sauber
   --------------------------------------------------------- */
.tw-v27-card-is-facts .tw-v19-card-body {
  justify-content: stretch !important;
}

.tw-v27-facts-slider,
.tw-v27-facts-viewport,
.tw-v27-facts-page {
  min-height: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
}

.tw-v27-facts-static {
  height: auto !important;
  flex: 0 0 auto !important;
}

.tw-v25-fact-row,
.tw-v23-facts-static .tw-v25-fact-row,
.tw-v27-facts-static .tw-v25-fact-row {
  min-height: 28px !important;
  padding: 4px 0 !important;
  gap: 8px !important;
  grid-template-columns: 22px minmax(88px, 0.56fr) minmax(0, 1fr) !important;
}

.tw-v25-fact-icon {
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
}

.tw-v25-fact-label,
.tw-v25-fact-value-scroll,
.tw-v27-card-is-facts .tw-v25-fact-label,
.tw-v27-card-is-facts .tw-v25-fact-value-scroll {
  font-size: 12.8px !important;
  line-height: 1.12 !important;
}

.tw-v27-facts-controls,
.tw-v25-facts-controls,
.tw-v23-facts-controls {
  grid-template-columns: 36px minmax(0, 1fr) 36px !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 12px !important;
}

.tw-v27-facts-main,
.tw-v25-facts-main,
.tw-v23-facts-main {
  min-height: 38px !important;
  height: 38px !important;
  gap: 6px !important;
  padding: 0 12px !important;
  border-radius: 12px !important;
  font-size: 13.2px !important;
  line-height: 1 !important;
}

.tw-v27-facts-count,
.tw-v25-facts-main strong,
.tw-v23-facts-main strong {
  min-width: 26px !important;
  height: 24px !important;
  margin-left: 1px !important;
  font-size: 12.4px !important;
  line-height: 1 !important;
}

.tw-v27-facts-arrow,
.tw-v25-facts-arrow,
.tw-v23-facts-arrow {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  font-size: 21px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.tw-v27-facts-arrow span,
.tw-v25-facts-arrow span,
.tw-v23-facts-arrow span,
.tw-v27-facts-arrow,
.tw-v25-facts-arrow,
.tw-v23-facts-arrow {
  text-align: center !important;
}

/* ---------------------------------------------------------
   5. Bewertungen – kompakter, wertiger, weniger Höhe
   --------------------------------------------------------- */
.tw-v29-card-is-ratings .tw-v19-card-body {
  justify-content: stretch !important;
}

.tw-v29-rating-single-slider,
.tw-v22-rating-single-slider,
.tw-v25-rating-single-slider,
.tw-v26-rating-single-slider,
.tw-v27-rating-single-slider {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.tw-v29-rating-intro {
  margin: 0 0 8px 0 !important;
  max-width: 100% !important;
  font-size: 12.3px !important;
  line-height: 1.28 !important;
  font-weight: 800 !important;
  color: #5b6a80 !important;
  letter-spacing: 0 !important;
}

.tw-v29-rating-frame {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 8px !important;
}

.tw-v29-rating-single-card {
  width: 100% !important;
  max-width: 238px !important;
  min-height: 166px !important;
  height: 166px !important;
  margin: 0 auto !important;
  padding: 18px 16px !important;
  border-radius: 18px !important;
  gap: 10px !important;
  justify-content: center !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.045) !important;
}

.tw-v29-rating-brand {
  gap: 8px !important;
}

.tw-v29-rating-logo-box {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 10px !important;
  font-size: 12px !important;
}

.tw-v29-rating-logo-box.is-image {
  max-width: 128px !important;
  height: auto !important;
}

.tw-v29-rating-logo-img {
  max-width: 128px !important;
  max-height: 32px !important;
}

.tw-v29-rating-logo-box.is-trustpilot {
  font-size: 22px !important;
}

.tw-v29-rating-brand-name {
  max-width: 150px !important;
  font-size: 20px !important;
  line-height: 1.08 !important;
}

.tw-v29-rating-center {
  gap: 10px !important;
  align-items: center !important;
}

.tw-v29-rating-score {
  font-size: 36px !important;
  line-height: 0.95 !important;
  letter-spacing: -0.7px !important;
}

.tw-v29-rating-stars-wrap .tw-v19-star,
.tw-v29-rating-stars-wrap .tw-v22-star,
.tw-v29-rating-stars-wrap .tw-v27-star {
  transform: scale(0.92) !important;
  transform-origin: left center !important;
}

.tw-v29-rating-count {
  font-size: 12.7px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
}

.tw-v29-rating-arrow {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  font-size: 20px !important;
  box-shadow: 0 7px 15px rgba(15, 23, 42, 0.05) !important;
}

.tw-v29-rating-dots {
  margin-top: 6px !important;
}

.tw-v29-rating-more {
  min-height: 42px !important;
  height: 42px !important;
  margin-top: 8px !important;
  border-radius: 13px !important;
}

/* ---------------------------------------------------------
   6. Alternativen – an kompaktere Drittel-Reihe anpassen
   --------------------------------------------------------- */
.tw-v23-card-is-alternatives .tw-v19-card-body,
.tw-v27-card-is-alternatives .tw-v19-card-body,
.tw-v29-card-is-alternatives .tw-v19-card-body,
.tw-v19-card-inner.is-alternatives .tw-v19-card-body {
  justify-content: stretch !important;
}

.tw-v23-alt-list,
.tw-v27-alt-list,
.tw-v29-alt-list {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

.tw-v23-alt-item,
.tw-v27-alt-item,
.tw-v29-alt-item {
  min-height: 42px !important;
  height: 42px !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.tw-v23-alt-button,
.tw-v27-alt-button,
.tw-v29-alt-button {
  min-height: 42px !important;
  height: 42px !important;
  margin-top: 8px !important;
}

/* ---------------------------------------------------------
   7. Mobile bleibt natürlich hochlaufend
   --------------------------------------------------------- */
@media (max-width: 767px) {
  .tw-v19-card-inner.is-overview,
  .tw-v19-card-inner.is-benefits,
  .tw-v19-card-inner.is-cons,
  .tw-v19-card-inner.is-functions,
  .tw-v19-card-inner.is-fit,
  .tw-v19-card-inner.is-notfit,
  .tw-v19-card-inner.is-facts,
  .tw-v19-card-inner.is-ratings,
  .tw-v19-card-inner.is-alternatives {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }

  .tw-v29-section-nav-track {
    display: flex !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
  }

  .tw-v29-section-nav-link {
    flex: 0 0 auto !important;
    min-width: max-content !important;
  }
}


/* =========================================================
   ToolWissen – Detailseite V31 Harmonisierung
   Zweck:
   - Karten einheitlicher, weniger Leerräume.
   - Navigation volle Breite ohne alte Pfeilreste.
   - Bewertungen ruhiger und professioneller.
   - Hero-Chips/Pfeile sauber mittig.
   ========================================================= */

/* 1. Abschnittsnavigation: voller Container, keine eingeklemmten Pfeile */
.tw-section-nav-widget,
.tw-section-nav-widget .elementor-widget-container,
.elementor-widget-shortcode:has(.tw-v31-section-nav),
.elementor-widget-container:has(.tw-v31-section-nav) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  flex: 1 1 100% !important;
}

.tw-v31-section-nav {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: block !important;
  padding: 9px 12px !important;
  margin: 0 !important;
  border: 1px solid #e5eaf3 !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.035) !important;
  overflow: hidden !important;
}

.tw-v31-section-nav-track {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  gap: 6px !important;
  align-items: center !important;
  justify-content: stretch !important;
  overflow: visible !important;
}

.tw-v31-section-nav-link {
  min-width: 0 !important;
  width: 100% !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 10px !important;
  border: 1px solid transparent !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: #07142f !important;
  font-size: 13.2px !important;
  line-height: 1 !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  box-shadow: none !important;
}

.tw-v31-section-nav-link:hover,
.tw-v31-section-nav-link.is-active {
  background: #f3f8ff !important;
  border-color: #d7e8ff !important;
  color: #0066ff !important;
  box-shadow: inset 0 -3px 0 #0066ff !important;
}

.tw-v31-section-nav-icon {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tw-v31-section-nav-icon svg {
  width: 17px !important;
  height: 17px !important;
  display: block !important;
}

.tw-v31-section-nav-label {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* 2. Hero-Taxonomien: kleiner, mittiger, pro Klick ein Chip per JS */
.tw-hero-tax-strip,
.tw-v21-hero-tax-strip {
  min-height: 30px !important;
  height: 30px !important;
  align-items: center !important;
}

.tw-hero-tax-inner,
.tw-v21-hero-tax-inner {
  min-height: 30px !important;
  height: 30px !important;
  align-items: center !important;
  gap: 8px !important;
}

.tw-hero-tax-viewport,
.tw-v21-hero-tax-viewport,
.tw-hero-tax-track,
.tw-v21-hero-tax-track {
  min-height: 28px !important;
  height: 28px !important;
  align-items: center !important;
}

.tw-hero-tax-chip,
.tw-v21-hero-tax-chip {
  min-height: 26px !important;
  height: 26px !important;
  max-height: 26px !important;
  padding: 0 14px !important;
  font-size: 11.6px !important;
  line-height: 1 !important;
}

.tw-hero-tax-arrow,
.tw-v21-hero-tax-arrow {
  position: relative !important;
  top: auto !important;
  transform: none !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
}

.tw-hero-tax-arrow span,
.tw-v21-hero-tax-arrow span {
  width: 100% !important;
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  transform: translateY(-0.5px) !important;
}

/* 3. Hauptkarten: weniger Leerraum, aber 5 Bulletpoints bleiben sichtbar */
.tw-v19-card-inner.is-overview,
.tw-v19-card-inner.is-benefits,
.tw-v19-card-inner.is-cons,
.tw-v19-card-inner.is-functions,
.tw-v19-card-inner.is-fit,
.tw-v19-card-inner.is-notfit {
  min-height: 430px !important;
  height: 430px !important;
  max-height: 430px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-facts,
.tw-v19-card-inner.is-ratings,
.tw-v19-card-inner.is-alternatives {
  min-height: 395px !important;
  height: 395px !important;
  max-height: 395px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner,
.tw-detail-card {
  padding-top: 22px !important;
  padding-bottom: 22px !important;
}

.tw-v19-card-title,
.tw-card-title,
.tw-detail-card h2,
.tw-detail-card h3 {
  margin-bottom: 18px !important;
}

.tw-v19-card-inner.is-facts .tw-v19-card-title,
.tw-v19-card-inner.is-ratings .tw-v19-card-title,
.tw-v19-card-inner.is-alternatives .tw-v19-card-title {
  margin-bottom: 15px !important;
}

.tw-v19-list li,
.tw-benefit-list li,
.tw-cons-list li,
.tw-feature-list li,
.tw-fit-list li,
.tw-notfit-list li {
  font-size: 14.8px !important;
  line-height: 1.34 !important;
  margin-bottom: 13px !important;
  padding-left: 30px !important;
}

.tw-v19-list li::before,
.tw-benefit-list li::before,
.tw-cons-list li::before,
.tw-feature-list li::before,
.tw-fit-list li::before,
.tw-notfit-list li::before {
  left: 0 !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: 315px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 315px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 7px !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: 315px !important;
  overflow: hidden !important;
}

.tw-v19-card-inner.is-overview .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-overview .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 315px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 7px !important;
}

.tw-v19-more,
.tw-v22-more,
button.tw-v19-more,
button.tw-v22-more {
  margin-top: auto !important;
  min-height: 24px !important;
  padding-top: 8px !important;
  color: #0066ff !important;
  background: transparent !important;
  box-shadow: none !important;
}

.tw-v19-more:hover,
.tw-v22-more:hover,
button.tw-v19-more:hover,
button.tw-v22-more:hover {
  color: #0054d6 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 4. Eckdaten: kompakter, weniger Leerraum, Hauptpfeile sauber mittig */
.tw-v27-card-is-facts .tw-v19-card-body,
.tw-v25-card-is-facts .tw-v19-card-body,
.tw-v31-card-is-facts .tw-v19-card-body {
  justify-content: stretch !important;
}

.tw-v25-fact-row,
.tw-v27-facts-static .tw-v25-fact-row,
.tw-v23-facts-static .tw-v25-fact-row {
  min-height: 25px !important;
  height: 25px !important;
  padding: 2px 0 !important;
  gap: 7px !important;
  grid-template-columns: 20px minmax(90px, 0.56fr) minmax(0, 1fr) !important;
}

.tw-v25-fact-icon {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
}

.tw-v25-fact-label,
.tw-v25-fact-value-scroll,
.tw-v27-card-is-facts .tw-v25-fact-label,
.tw-v27-card-is-facts .tw-v25-fact-value-scroll {
  font-size: 12.5px !important;
  line-height: 1.08 !important;
  font-weight: 850 !important;
}

.tw-v25-fact-value-next {
  display: none !important;
}

.tw-v27-facts-controls,
.tw-v25-facts-controls,
.tw-v23-facts-controls {
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  gap: 8px !important;
  margin-top: auto !important;
  padding-top: 10px !important;
}

.tw-v27-facts-main,
.tw-v25-facts-main,
.tw-v23-facts-main {
  min-height: 36px !important;
  height: 36px !important;
  padding: 0 12px !important;
  gap: 6px !important;
  justify-content: center !important;
}

.tw-v27-facts-count,
.tw-v25-facts-main strong,
.tw-v23-facts-main strong {
  min-width: 24px !important;
  height: 22px !important;
  margin-left: 2px !important;
}

.tw-v27-facts-arrow,
.tw-v25-facts-arrow,
.tw-v23-facts-arrow {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 20px !important;
}

.tw-v27-facts-arrow span,
.tw-v25-facts-arrow span,
.tw-v23-facts-arrow span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  transform: translateY(-1px) !important;
}

/* 5. Bewertungen: neu, kompakt und wertig */
.tw-v31-card-is-ratings .tw-v19-card-body {
  justify-content: stretch !important;
}

.tw-v31-rating-slider {
  height: 100% !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.tw-v31-rating-intro {
  margin: 0 0 10px 0 !important;
  color: #5b6a80 !important;
  font-size: 12.5px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  max-width: 94% !important;
}

.tw-v31-rating-frame {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) 34px !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 2px !important;
}

.tw-v31-rating-viewport,
.tw-v31-rating-page {
  min-width: 0 !important;
  width: 100% !important;
  height: 150px !important;
  min-height: 150px !important;
  max-height: 150px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.tw-v31-rating-page[hidden] {
  display: none !important;
}

.tw-v31-rating-card {
  width: 100% !important;
  max-width: 270px !important;
  min-height: 138px !important;
  height: 138px !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  align-content: center !important;
  justify-items: center !important;
  gap: 9px !important;
  padding: 16px 18px !important;
  border: 1px solid #e5eaf3 !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  color: #07142f !important;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.045) !important;
}

.tw-v31-rating-brand {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.tw-v31-rating-logo-box {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  background: #eef4ff !important;
  color: #0066ff !important;
  overflow: hidden !important;
}

.tw-v31-rating-logo-box.is-image {
  width: auto !important;
  max-width: 118px !important;
  background: transparent !important;
}

.tw-v31-rating-logo-img {
  max-width: 118px !important;
  max-height: 32px !important;
  object-fit: contain !important;
  display: block !important;
}

.tw-v31-rating-logo-box.is-trustpilot { background: #ecfdf5 !important; color: #00a86b !important; font-size: 22px !important; }
.tw-v31-rating-logo-box.is-capterra { background: #eff6ff !important; color: #0ea5e9 !important; }
.tw-v31-rating-logo-box.is-g2 { background: #fff1f2 !important; color: #ef3b2d !important; }
.tw-v31-rating-logo-box.is-google { background: #fff1ed !important; color: #f04438 !important; }
.tw-v31-rating-logo-box.is-omr { background: #eef4ff !important; color: #0066ff !important; }

.tw-v31-rating-brand-name {
  min-width: 0 !important;
  max-width: 180px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: #07142f !important;
  font-size: 19px !important;
  line-height: 1.05 !important;
  font-weight: 900 !important;
  letter-spacing: -0.15px !important;
}

.tw-v31-rating-score-row {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
}

.tw-v31-rating-score {
  color: #07142f !important;
  font-size: 33px !important;
  line-height: 0.95 !important;
  font-weight: 950 !important;
  letter-spacing: -0.7px !important;
}

.tw-v31-rating-stars {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  transform: scale(0.88) !important;
  transform-origin: left center !important;
}

.tw-v31-rating-count {
  color: #5b6a80 !important;
  font-size: 12.7px !important;
  line-height: 1.12 !important;
  font-weight: 850 !important;
  text-align: center !important;
}

.tw-v31-rating-arrow {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: 1px solid #e5eaf3 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #07142f !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.055) !important;
  cursor: pointer !important;
}

.tw-v31-rating-arrow:hover {
  color: #0066ff !important;
  border-color: #cfe2ff !important;
  background: #f5f9ff !important;
}

.tw-v31-rating-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  margin: 6px 0 0 0 !important;
}

.tw-v31-rating-dot {
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  min-height: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #cbd5e1 !important;
  cursor: pointer !important;
}

.tw-v31-rating-dot.is-active {
  width: 18px !important;
  background: #0066ff !important;
}

.tw-v31-rating-more {
  width: 100% !important;
  min-height: 40px !important;
  height: 40px !important;
  margin-top: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(0, 102, 255, 0.14) !important;
  border-radius: 13px !important;
  background: #f5f8ff !important;
  color: #0066ff !important;
  font-size: 13.2px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

.tw-v31-rating-more:hover {
  background: #eef4ff !important;
  border-color: rgba(0, 102, 255, 0.24) !important;
}

/* 6. Alternativen: gleiche Höhe, manuelle Reihenfolge aus PHP, kompakte Liste */
.tw-v31-card-is-alternatives .tw-v19-card-body,
.tw-v28-card-is-alternatives .tw-v19-card-body {
  justify-content: stretch !important;
}

.tw-alt-v31-viewport,
.tw-alt-v28-viewport,
.tw-alt-v26-viewport {
  height: 250px !important;
  min-height: 250px !important;
  max-height: 250px !important;
}

.tw-alt-v31-page,
.tw-alt-v28-page,
.tw-alt-v26-page {
  gap: 0 !important;
}

.tw-alt-v31 .tw-alt-v25-item,
.tw-alt-v28 .tw-alt-v25-item,
.tw-v23-alt-item,
.tw-v27-alt-item,
.tw-v29-alt-item {
  min-height: 40px !important;
  height: 40px !important;
  max-height: 40px !important;
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.tw-alt-v31-controls,
.tw-alt-v28-controls,
.tw-alt-v26-controls {
  margin-top: 8px !important;
  gap: 7px !important;
}

.tw-alt-v31-button,
.tw-alt-v28-button,
.tw-alt-v26-button,
.tw-v23-alt-button,
.tw-v27-alt-button,
.tw-v29-alt-button {
  min-height: 40px !important;
  height: 40px !important;
  border-radius: 13px !important;
}

/* 7. Preisbox: Gutschein-Hinweis optisch zum Gutscheinblock ziehen */
.tw-v28-coupon-block {
  margin-top: 18px !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
}

.tw-v28-coupon-hint,
.tw-v27-coupon-hint,
.tw-v22-coupon-hint {
  margin: 0 0 10px 0 !important;
  color: #5b6a80 !important;
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 750 !important;
}

.tw-v28-coupon-row,
.tw-v27-coupon-row,
.tw-v22-coupon-row,
.tw-v19-coupon-row {
  gap: 10px !important;
}

/* 8. Desktop/Tablet/Mobile */
@media (max-width: 1100px) {
  .tw-v31-section-nav-track {
    display: flex !important;
    overflow-x: auto !important;
    scrollbar-width: none !important;
  }
  .tw-v31-section-nav-track::-webkit-scrollbar { display: none !important; }
  .tw-v31-section-nav-link {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
  }
}

@media (max-width: 767px) {
  .tw-v19-card-inner.is-overview,
  .tw-v19-card-inner.is-benefits,
  .tw-v19-card-inner.is-cons,
  .tw-v19-card-inner.is-functions,
  .tw-v19-card-inner.is-fit,
  .tw-v19-card-inner.is-notfit,
  .tw-v19-card-inner.is-facts,
  .tw-v19-card-inner.is-ratings,
  .tw-v19-card-inner.is-alternatives {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
  }

  .tw-v31-rating-viewport,
  .tw-v31-rating-page {
    height: auto !important;
    min-height: 140px !important;
    max-height: none !important;
  }
}

/* =========================================================
   ToolWissen – V42 NUR Bulletpoint-Korrektur auf V31-Basis
   Zweck:
   - An der V31-Optik sonst nichts ändern.
   - In Vorteile, Nachteile, Funktionen, Geeignet für und Nicht geeignet für
     geschlossen immer 5 Bulletpoints sichtbar halten.
   - Ab dem 6. Bulletpoint bleibt „Mehr anzeigen“ sichtbar.
   - Jeder Bulletpoint geschlossen auf maximal 2 Zeilen begrenzen,
     damit kein Punkt halb ausgeblendet wird.
   ========================================================= */

.tw-v19-card-inner.is-overview,
.tw-v19-card-inner.is-benefits,
.tw-v19-card-inner.is-cons,
.tw-v19-card-inner.is-functions,
.tw-v19-card-inner.is-fit,
.tw-v19-card-inner.is-notfit {
  min-height: 470px !important;
  height: 470px !important;
  max-height: 470px !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-card-body,
.tw-v19-card-inner.is-cons .tw-v19-card-body,
.tw-v19-card-inner.is-functions .tw-v19-card-body,
.tw-v19-card-inner.is-fit .tw-v19-card-body,
.tw-v19-card-inner.is-notfit .tw-v19-card-body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand,
.tw-v19-card-inner.is-cons .tw-v19-expand,
.tw-v19-card-inner.is-functions .tw-v19-expand,
.tw-v19-card-inner.is-fit .tw-v19-expand,
.tw-v19-card-inner.is-notfit .tw-v19-expand,
.tw-v19-card-inner.is-benefits .tw-v22-expand,
.tw-v19-card-inner.is-cons .tw-v22-expand,
.tw-v19-card-inner.is-functions .tw-v22-expand,
.tw-v19-card-inner.is-fit .tw-v22-expand,
.tw-v19-card-inner.is-notfit .tw-v22-expand {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: 100% !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v22-expand-body {
  max-height: 355px !important;
  overflow: hidden !important;
  padding-right: 0 !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="false"] .tw-v19-expand-body,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="false"] .tw-v22-expand-body {
  max-height: 355px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-right: 7px !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6),
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(n+6) {
  display: none !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-list li,
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-list li,
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-list li,
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-list li,
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-list li,
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v19-list li,
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v19-list li,
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v19-list li,
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v19-list li,
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v19-list li {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-size: 14.8px !important;
  line-height: 1.36 !important;
  margin-bottom: 10px !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(5),
.tw-v19-card-inner.is-cons .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(5),
.tw-v19-card-inner.is-functions .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(5),
.tw-v19-card-inner.is-fit .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(5),
.tw-v19-card-inner.is-notfit .tw-v19-expand[data-collapsed="true"] .tw-v19-list li:nth-child(5),
.tw-v19-card-inner.is-benefits .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(5),
.tw-v19-card-inner.is-cons .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(5),
.tw-v19-card-inner.is-functions .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(5),
.tw-v19-card-inner.is-fit .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(5),
.tw-v19-card-inner.is-notfit .tw-v22-expand[data-collapsed="true"] .tw-v19-list li:nth-child(5) {
  margin-bottom: 0 !important;
}

.tw-v19-card-inner.is-benefits .tw-v19-more,
.tw-v19-card-inner.is-cons .tw-v19-more,
.tw-v19-card-inner.is-functions .tw-v19-more,
.tw-v19-card-inner.is-fit .tw-v19-more,
.tw-v19-card-inner.is-notfit .tw-v19-more,
.tw-v19-card-inner.is-benefits .tw-v22-more,
.tw-v19-card-inner.is-cons .tw-v22-more,
.tw-v19-card-inner.is-functions .tw-v22-more,
.tw-v19-card-inner.is-fit .tw-v22-more,
.tw-v19-card-inner.is-notfit .tw-v22-more {
  flex: 0 0 auto !important;
  margin-top: auto !important;
  padding-top: 10px !important;
  min-height: 26px !important;
}

/* =========================================================
   ToolWissen – V43 Mini-Korrektur auf V42-Basis
   Zweck:
   - Bewertungslogo/Trustpilot in der Bewertungskarte lesbar halten.
   - Lange Eckdaten-Werte horizontal sauber weiterlesbar machen.
   - Sonst keine Layout-/Hero-/Karten-Änderungen.
   ========================================================= */

/* ---------------------------------------------------------
   1. Bewertungen: Trustpilot-Badge sichtbar und sauber färben
   --------------------------------------------------------- */
.tw-v31-rating-card.is-trustpilot .tw-v31-rating-logo-box.is-trustpilot,
.tw-v31-rating-brand.is-trustpilot .tw-v31-rating-logo-box.is-trustpilot {
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  border-radius: 10px !important;
  background: #00b67a !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px rgba(0, 182, 122, 0.16) !important;
}

.tw-v31-rating-card.is-trustpilot .tw-v31-rating-brand-name,
.tw-v31-rating-brand.is-trustpilot .tw-v31-rating-brand-name {
  color: #07142f !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

/* Falls bei anderen Quellen ein helles Logo-Bild hochgeladen ist, bekommt es einen minimal sichtbaren Rahmen. */
.tw-v31-rating-logo-box.is-image {
  min-height: 32px !important;
  padding: 2px 5px !important;
  border: 1px solid rgba(15, 23, 42, 0.06) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}

/* ---------------------------------------------------------
   2. Eckdaten: lange Werte horizontal weiterlesbar machen
   --------------------------------------------------------- */
.tw-v25-fact-value-shell,
.tw-v27-card-is-facts .tw-v25-fact-value-shell,
.tw-v31-card-is-facts .tw-v25-fact-value-shell {
  position: relative !important;
  min-width: 0 !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 20px !important;
  align-items: center !important;
  column-gap: 4px !important;
  overflow: hidden !important;
}

.tw-v25-fact-value-scroll,
.tw-v27-card-is-facts .tw-v25-fact-value-scroll,
.tw-v31-card-is-facts .tw-v25-fact-value-scroll {
  min-width: 0 !important;
  width: 100% !important;
  display: block !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  text-overflow: clip !important;
  scrollbar-width: none !important;
  scroll-behavior: smooth !important;
  padding-right: 2px !important;
}

.tw-v25-fact-value-scroll::-webkit-scrollbar,
.tw-v27-card-is-facts .tw-v25-fact-value-scroll::-webkit-scrollbar,
.tw-v31-card-is-facts .tw-v25-fact-value-scroll::-webkit-scrollbar {
  display: none !important;
}

.tw-v25-fact-value-next,
.tw-v27-card-is-facts .tw-v25-fact-value-next,
.tw-v31-card-is-facts .tw-v25-fact-value-next {
  width: 19px !important;
  height: 19px !important;
  min-width: 19px !important;
  min-height: 19px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(0, 102, 255, 0.16) !important;
  border-radius: 999px !important;
  background: #f8fbff !important;
  color: #0066ff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 0.16s ease, background 0.16s ease, border-color 0.16s ease, transform 0.16s ease !important;
}

.tw-v25-fact-row.has-scroll .tw-v25-fact-value-next,
.tw-v27-card-is-facts .tw-v25-fact-row.has-scroll .tw-v25-fact-value-next,
.tw-v31-card-is-facts .tw-v25-fact-row.has-scroll .tw-v25-fact-value-next {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.tw-v25-fact-row.no-scroll .tw-v25-fact-value-next,
.tw-v27-card-is-facts .tw-v25-fact-row.no-scroll .tw-v25-fact-value-next,
.tw-v31-card-is-facts .tw-v25-fact-row.no-scroll .tw-v25-fact-value-next {
  opacity: 0 !important;
  pointer-events: none !important;
}

.tw-v25-fact-value-next:hover,
.tw-v27-card-is-facts .tw-v25-fact-value-next:hover,
.tw-v31-card-is-facts .tw-v25-fact-value-next:hover {
  background: #eef6ff !important;
  border-color: rgba(0, 102, 255, 0.28) !important;
  transform: translateX(1px) !important;
}

.tw-v25-fact-value-next span,
.tw-v27-card-is-facts .tw-v25-fact-value-next span,
.tw-v31-card-is-facts .tw-v25-fact-value-next span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  transform: translateY(-0.5px) !important;
}

/* =========================================================
   ToolWissen – V44 Mini-Korrektur auf V43-Basis
   Zweck:
   - Original-Logos aus Quelle 1–8 sichtbar verwenden.
   - Bewertungs- und Alternativen-Slider optisch/vertikal angleichen.
   - Punkte bei Alternativen über den Button setzen.
   - Sonst keine Hero-/Preis-/Kartenlayout-Änderung.
   ========================================================= */

/* 1. Bewertungslogo: echte hochgeladene Logos bleiben erhalten. Trustpilot bekommt nur einen passenden Hintergrund,
      damit weiße/transparente Logo-Dateien nicht auf Weiß verschwinden. */
.tw-v44-rating-logo-box.is-image {
  width: auto !important;
  min-width: 34px !important;
  max-width: 132px !important;
  min-height: 34px !important;
  height: 34px !important;
  padding: 3px 7px !important;
  border-radius: 11px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border: 1px solid rgba(15, 23, 42, 0.07) !important;
  background: #ffffff !important;
}

.tw-v44-rating-logo-box.is-trustpilot-image {
  background: #00b67a !important;
  border-color: rgba(0, 182, 122, 0.22) !important;
  box-shadow: 0 8px 18px rgba(0, 182, 122, 0.14) !important;
}

.tw-v44-rating-logo-img {
  max-width: 118px !important;
  max-height: 26px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
}

.tw-v44-rating-brand-name {
  color: #07142f !important;
  opacity: 1 !important;
}

/* 2. Bewertungs-Slider: V44-Seiten und alte V31-Klassen beide sauber schaltbar. */
.tw-v44-rating-page[hidden],
.tw-v31-rating-page[hidden] {
  display: none !important;
}

.tw-v44-rating-page.is-active,
.tw-v31-rating-page.is-active {
  display: flex !important;
}

.tw-v44-rating-arrow,
.tw-v44-rating-more,
.tw-v44-rating-dot {
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* 3. Untere drei Karten: Buttonlinie und Punktlinie harmonisieren, ohne die restliche Seite umzubauen. */
.tw-v31-card-is-ratings .tw-v19-card-body,
.tw-v44-card-is-ratings .tw-v19-card-body,
.tw-v31-card-is-alternatives .tw-v19-card-body,
.tw-v44-card-is-alternatives .tw-v19-card-body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: stretch !important;
  min-height: 0 !important;
}

.tw-v44-rating-slider,
.tw-v31-rating-slider,
.tw-alt-v44,
.tw-alt-v31 {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
}

.tw-v44-rating-dots,
.tw-v31-rating-dots,
.tw-alt-v44-dots,
.tw-alt-v31-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 16px !important;
  height: 16px !important;
  margin: auto 0 8px 0 !important;
  order: 20 !important;
}

.tw-v44-rating-more,
.tw-v31-rating-more,
.tw-alt-v44-button,
.tw-alt-v31-button {
  width: 100% !important;
  min-height: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  order: 30 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 14px !important;
  border: 1px solid rgba(0, 102, 255, 0.14) !important;
  border-radius: 13px !important;
  background: #f5f8ff !important;
  color: #0066ff !important;
  font-size: 13.2px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}

.tw-v44-rating-more:hover,
.tw-v31-rating-more:hover,
.tw-alt-v44-button:hover,
.tw-alt-v31-button:hover {
  background: #eef4ff !important;
  border-color: rgba(0, 102, 255, 0.24) !important;
  color: #0066ff !important;
}

/* 4. Alternativen: Punkte bewusst über dem Button, nicht darunter. */
.tw-alt-v44-controls,
.tw-alt-v31-controls {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  margin-top: auto !important;
  order: 40 !important;
}

.tw-alt-v44-dots,
.tw-alt-v31-dots {
  order: 10 !important;
  margin: 0 0 8px 0 !important;
}

.tw-alt-v44-button,
.tw-alt-v31-button {
  order: 20 !important;
}

.tw-alt-v44-dot,
.tw-v31-rating-dot,
.tw-v44-rating-dot {
  width: 7px !important;
  height: 7px !important;
  min-width: 7px !important;
  min-height: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #cbd5e1 !important;
}

.tw-alt-v44-dot.is-active,
.tw-v31-rating-dot.is-active,
.tw-v44-rating-dot.is-active {
  width: 18px !important;
  background: #0066ff !important;
}/* End custom CSS */