.elementor-44690 .elementor-element.elementor-element-197d3bb0:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-44690 .elementor-element.elementor-element-197d3bb0 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-4afb954 );}.elementor-44690 .elementor-element.elementor-element-197d3bb0 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-44690 .elementor-element.elementor-element-197d3bb0 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-44690 .elementor-element.elementor-element-48690f1d > .elementor-widget-container{margin:15px 15px 0px 15px;}.elementor-44690 .elementor-element.elementor-element-48690f1d .elementor-heading-title{font-size:25px;font-weight:bold;}.elementor-44690 .elementor-element.elementor-element-28ab0a7e > .elementor-widget-container{margin:15px 15px 15px 15px;}.elementor-44690 .elementor-element.elementor-element-28ab0a7e .elementor-icon-list-icon i{color:var( --e-global-color-c092227 );transition:color 0.3s;}.elementor-44690 .elementor-element.elementor-element-28ab0a7e .elementor-icon-list-icon svg{fill:var( --e-global-color-c092227 );transition:fill 0.3s;}.elementor-44690 .elementor-element.elementor-element-28ab0a7e{--e-icon-list-icon-size:14px;--icon-vertical-align:flex-start;--icon-vertical-offset:0px;}.elementor-44690 .elementor-element.elementor-element-28ab0a7e .elementor-icon-list-text{transition:color 0.3s;}.elementor-44690 .elementor-element.elementor-element-5807279{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-44690 .elementor-element.elementor-element-9128468 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-44690 .elementor-element.elementor-element-a818dec{--spacer-size:20px;}.elementor-44690 .elementor-element.elementor-element-953419e{--spacer-size:20px;}.elementor-44690 .elementor-element.elementor-element-1f66f8cd{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-44690 .elementor-element.elementor-element-67fade08 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-44690 .elementor-element.elementor-element-f4e684b > .elementor-widget-container{margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}.elementor-44690 .elementor-element.elementor-element-f4e684b{text-align:justify;}.elementor-44690 .elementor-element.elementor-element-539dc159 .elementor-button{background-color:var( --e-global-color-b6a3596 );font-size:16px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:5px 5px 5px 5px;padding:15px 050px 15px 50px;}.elementor-44690 .elementor-element.elementor-element-539dc159 .elementor-button-content-wrapper{flex-direction:row;}.elementor-44690 .elementor-element.elementor-element-539dc159 .elementor-button .elementor-button-content-wrapper{gap:4px;}@media(max-width:699px){.elementor-44690 .elementor-element.elementor-element-f4e684b > .elementor-widget-container{margin:20px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-44690 .elementor-element.elementor-element-f4e684b{text-align:center;}.elementor-44690 .elementor-element.elementor-element-539dc159 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-44690 .elementor-element.elementor-element-539dc159 .elementor-button{font-size:19px;padding:20px 20px 20px 20px;}}/* Start custom CSS for html, class: .elementor-element-fb2afcb *//* Komponente 1: Was ist eine Kanal-TV-Untersuchung */

.bk-wasist {
  max-width: 780px;
  margin: 1.5rem 0;
}

.bk-wasist__intro {
  font-size: 1rem;
  line-height: 1.7;
  color: #1a1a1a;
  margin-bottom: 2rem;
}

/* 3-Schritt-Infografik */
.bk-wasist__steps {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding: 1.5rem;
  background: #FBFDFF;
  border: 1px solid #e0edf6;
  border-radius: 8px;
  margin-bottom: 2rem;
}

.bk-wasist__step {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.6rem;
  flex: 1;
  max-width: 160px;
}

.bk-wasist__step-icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #e0edf6;
  border-radius: 50%;
  padding: 8px;
}

.bk-wasist__step-icon svg {
  width: 40px;
  height: 40px;
}

.bk-wasist__step-label {
  font-size: 0.875rem;
  color: #054B80;
  text-align: center;
  line-height: 1.3;
}

.bk-wasist__step-arrow {
  flex-shrink: 0;
  width: 32px;
}

.bk-wasist__step-arrow svg {
  width: 100%;
  height: auto;
}

/* Subtitles */
.bk-wasist__subtitle {
  font-size: 1.1rem;
  font-weight: 400;
  color: #054B80;
  margin: 1.5rem 0 0.75rem 0;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid #92D9F8;
}

/* Dokumentationsliste */
.bk-wasist__doc-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1.5rem 0;
}

.bk-wasist__doc-list li {
  padding: 0.6rem 0 0.6rem 1.5rem;
  position: relative;
  font-size: 1rem;
  line-height: 1.6;
  color: #1a1a1a;
  border-bottom: 1px solid #f0f4f8;
}

.bk-wasist__doc-list li:last-child {
  border-bottom: none;
}

.bk-wasist__doc-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 1rem;
  width: 8px;
  height: 8px;
  background: #0A95FF;
  border-radius: 50%;
}

.bk-wasist__doc-label {
  color: #054B80;
}

/* Fließtext */
.bk-wasist__text {
  font-size: 1rem;
  line-height: 1.7;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
}

.bk-wasist__text a {
  color: #0A95FF;
  text-decoration: none;
  border-bottom: 1px solid #92D9F8;
}

.bk-wasist__text a:hover {
  color: #054B80;
  border-bottom-color: #054B80;
}

/* Norm-Hinweisbox */
.bk-wasist__norm-box {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  background: #FBFDFF;
  border-left: 3px solid #054B80;
  border-radius: 0 6px 6px 0;
  margin-top: 1rem;
}

.bk-wasist__norm-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}

.bk-wasist__norm-box p {
  font-size: 0.9rem;
  line-height: 1.6;
  color: #1a1a1a;
  margin: 0;
}

.bk-wasist__norm-box strong {
  color: #054B80;
}

/* Mobile */
@media (max-width: 600px) {
  .bk-wasist__steps {
    flex-direction: column;
    gap: 0.75rem;
    padding: 1.25rem 1rem;
  }

  .bk-wasist__step {
    flex-direction: row;
    max-width: none;
    width: 100%;
    gap: 0.75rem;
  }

  .bk-wasist__step-icon {
    width: 44px;
    height: 44px;
    padding: 6px;
  }

  .bk-wasist__step-icon svg {
    width: 32px;
    height: 32px;
  }

  .bk-wasist__step-label {
    text-align: left;
  }

  .bk-wasist__step-arrow {
    transform: rotate(90deg);
    width: 24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c3bdb09 *//* Komponente 2: Wann ist eine Kanalinspektion sinnvoll */

.bk-anlaesse {
  max-width: 780px;
  margin: 1.5rem 0;
}

.bk-anlaesse__intro {
  font-size: 1rem;
  line-height: 1.7;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
}

.bk-anlaesse__grid {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.bk-anlaesse__card {
  display: flex;
  background: #fff;
  border: 1px solid #e0edf6;
  border-radius: 6px;
  overflow: hidden;
  transition: border-color 0.2s ease;
}

.bk-anlaesse__card:hover {
  border-color: #92D9F8;
}

.bk-anlaesse__card-bar {
  width: 4px;
  flex-shrink: 0;
  background: #0A95FF;
}

.bk-anlaesse__card-content {
  padding: 1rem 1.25rem;
}

.bk-anlaesse__card-title {
  font-size: 1rem;
  font-weight: 400;
  color: #054B80;
  margin: 0 0 0.4rem 0;
}

.bk-anlaesse__card-content p {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #1a1a1a;
  margin: 0;
}

.bk-anlaesse__card-content a {
  color: #0A95FF;
  text-decoration: none;
  border-bottom: 1px solid #92D9F8;
}

.bk-anlaesse__card-content a:hover {
  color: #054B80;
  border-bottom-color: #054B80;
}

@media (max-width: 600px) {
  .bk-anlaesse__card-content {
    padding: 0.85rem 1rem;
  }

  .bk-anlaesse__card-content p {
    font-size: 0.9rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02c505c *//* Komponente 3: So läuft eine Kanalinspektion ab */

.bk-ablauf {
  max-width: 780px;
  margin: 1.5rem 0;
}

.bk-ablauf__intro {
  font-size: 1rem;
  line-height: 1.7;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
}

.bk-ablauf__timeline {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.bk-ablauf__step {
  display: flex;
  gap: 1.25rem;
}

.bk-ablauf__step-marker {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-shrink: 0;
  width: 36px;
}

.bk-ablauf__step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #054B80;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 600;
  flex-shrink: 0;
}

.bk-ablauf__step-line {
  width: 2px;
  flex: 1;
  background: #e0edf6;
  margin: 4px 0;
}

.bk-ablauf__step--last .bk-ablauf__step-marker {
  /* no line after last step */
}

.bk-ablauf__step-content {
  padding-bottom: 1.5rem;
}

.bk-ablauf__step--last .bk-ablauf__step-content {
  padding-bottom: 0;
}

.bk-ablauf__step-title {
  font-size: 1rem;
  font-weight: 400;
  color: #054B80;
  margin: 0.35rem 0 0.4rem 0;
}

.bk-ablauf__step-content p {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #1a1a1a;
  margin: 0;
}

.bk-ablauf__step-content a {
  color: #0A95FF;
  text-decoration: none;
  border-bottom: 1px solid #92D9F8;
}

.bk-ablauf__step-content a:hover {
  color: #054B80;
  border-bottom-color: #054B80;
}

.bk-ablauf__outro {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #1a1a1a;
  margin-top: 1.5rem;
  padding: 1rem 1.25rem;
  background: #FBFDFF;
  border-left: 3px solid #0A95FF;
  border-radius: 0 6px 6px 0;
}

@media (max-width: 600px) {
  .bk-ablauf__step {
    gap: 1rem;
  }

  .bk-ablauf__step-number {
    width: 30px;
    height: 30px;
    font-size: 0.8rem;
  }

  .bk-ablauf__step-marker {
    width: 30px;
  }

  .bk-ablauf__step-content p {
    font-size: 0.9rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-71fba87 *//* Komponente 4: Typische Schadensbilder */

.bk-schaeden {
  max-width: 780px;
  margin: 1.5rem 0;
}

.bk-schaeden__intro {
  font-size: 1rem;
  line-height: 1.7;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
}

.bk-schaeden__grid {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.bk-schaeden__card {
  background: #fff;
  border: 1px solid #e0edf6;
  border-radius: 6px;
  padding: 1rem 1.25rem;
  border-left: 4px solid #92D9F8;
}

.bk-schaeden__card--hoch {
  border-left-color: #054B80;
}

.bk-schaeden__card--mittel {
  border-left-color: #0A95FF;
}

.bk-schaeden__card--leicht {
  border-left-color: #92D9F8;
}

.bk-schaeden__card-header {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.5rem;
}

.bk-schaeden__card-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.bk-schaeden__card--hoch .bk-schaeden__card-icon {
  color: #054B80;
}

.bk-schaeden__card--mittel .bk-schaeden__card-icon {
  color: #0A95FF;
}

.bk-schaeden__card--leicht .bk-schaeden__card-icon {
  color: #92D9F8;
}

.bk-schaeden__card-title {
  font-size: 1rem;
  font-weight: 400;
  color: #054B80;
  margin: 0;
}

.bk-schaeden__card p {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #1a1a1a;
  margin: 0;
}

.bk-schaeden__card a {
  color: #0A95FF;
  text-decoration: none;
  border-bottom: 1px solid #92D9F8;
}

.bk-schaeden__card a:hover {
  color: #054B80;
  border-bottom-color: #054B80;
}

.bk-schaeden__outro {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #1a1a1a;
  margin-top: 1.25rem;
  padding: 1rem 1.25rem;
  background: #FBFDFF;
  border-left: 3px solid #0A95FF;
  border-radius: 0 6px 6px 0;
}

@media (max-width: 600px) {
  .bk-schaeden__card {
    padding: 0.85rem 1rem;
  }

  .bk-schaeden__card p {
    font-size: 0.9rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ca38665 *//* Komponente 5: Was kostet eine Kanalinspektion */

.bk-kosten {
  max-width: 780px;
  margin: 1.5rem 0;
}

.bk-kosten__intro {
  font-size: 1rem;
  line-height: 1.7;
  color: #1a1a1a;
  margin-bottom: 1.5rem;
}

.bk-kosten__intro strong {
  color: #054B80;
}

.bk-kosten__subtitle {
  font-size: 1.1rem;
  font-weight: 400;
  color: #054B80;
  margin: 1.5rem 0 0.75rem 0;
  padding-bottom: 0.4rem;
  border-bottom: 2px solid #92D9F8;
}

.bk-kosten__text {
  font-size: 0.95rem;
  line-height: 1.65;
  color: #1a1a1a;
  margin-bottom: 1rem;
}

/* Kostentabelle */
.bk-kosten__table-wrap {
  margin-bottom: 1.5rem;
}

.bk-kosten__table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #e0edf6;
  table-layout: fixed;
}

.bk-kosten__table thead th {
  background: #054B80;
  color: #fff;
  font-weight: 600;
  font-size: 0.9rem;
  text-align: left;
  padding: 0.75rem 1rem;
}

.bk-kosten__table thead th:first-child {
  width: 60%;
}

.bk-kosten__table thead th:last-child {
  width: 40%;
  text-align: right;
}

.bk-kosten__table tbody td {
  padding: 0.75rem 1rem;
  font-size: 0.9rem;
  color: #1a1a1a;
  border-bottom: 1px solid #f0f4f8;
  vertical-align: top;
  word-wrap: break-word;
}

.bk-kosten__table tbody td:last-child {
  text-align: right;
  color: #054B80;
}

.bk-kosten__table tbody tr:nth-child(even) {
  background: #FBFDFF;
}

.bk-kosten__table tbody tr:last-child td {
  border-bottom: none;
}

/* Einflussfaktoren */
.bk-kosten__factors {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
}

.bk-kosten__factor {
  padding: 0.85rem 1rem;
  background: #FBFDFF;
  border: 1px solid #e0edf6;
  border-radius: 6px;
}

.bk-kosten__factor-label {
  display: block;
  font-size: 0.95rem;
  color: #054B80;
  margin-bottom: 0.3rem;
}

.bk-kosten__factor p {
  font-size: 0.9rem;
  line-height: 1.6;
  color: #1a1a1a;
  margin: 0;
}

.bk-kosten__factor a {
  color: #0A95FF;
  text-decoration: none;
  border-bottom: 1px solid #92D9F8;
}

.bk-kosten__factor a:hover {
  color: #054B80;
  border-bottom-color: #054B80;
}

/* Hinweisbox */
.bk-kosten__hint {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  background: #FBFDFF;
  border-left: 3px solid #054B80;
  border-radius: 0 6px 6px 0;
  margin-bottom: 1.5rem;
}

.bk-kosten__hint-icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 2px;
}

.bk-kosten__hint p {
  font-size: 0.9rem;
  line-height: 1.6;
  color: #1a1a1a;
  margin: 0;
}

/* Kostenvergleich */
.bk-kosten__compare {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
  background: #FBFDFF;
  border: 1px solid #e0edf6;
  border-radius: 8px;
  margin-bottom: 1rem;
}

.bk-kosten__compare-item {
  flex: 1;
  text-align: center;
}

.bk-kosten__compare-price {
  display: block;
  font-size: 1.3rem;
  color: #054B80;
  margin-bottom: 0.25rem;
}

.bk-kosten__compare-item--high .bk-kosten__compare-price {
  color: #054B80;
  opacity: 0.6;
}

.bk-kosten__compare-label {
  font-size: 0.85rem;
  color: #555;
}

.bk-kosten__compare-vs {
  font-size: 0.85rem;
  color: #999;
  flex-shrink: 0;
}

@media (max-width: 600px) {
  .bk-kosten__table thead th:first-child {
    width: 55%;
  }

  .bk-kosten__table thead th:last-child {
    width: 45%;
  }

  .bk-kosten__table thead th,
  .bk-kosten__table tbody td {
    padding: 0.6rem 0.6rem;
    font-size: 0.82rem;
  }

  .bk-kosten__compare {
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
  }

  .bk-kosten__compare-price {
    font-size: 1.1rem;
  }

  .bk-kosten__compare-vs {
    font-size: 0.8rem;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8fd0579 *//* Komponente 6: Was heißt das für Sie (CTA) */

.bk-cta {
  max-width: 780px;
  margin: 1.5rem 0;
  padding: 1.5rem;
  background: #FBFDFF;
  border: 1px solid #e0edf6;
  border-radius: 8px;
}

.bk-cta p {
  font-size: 1rem;
  line-height: 1.7;
  color: #1a1a1a;
  margin: 0 0 1rem 0;
}

.bk-cta p:last-of-type {
  margin-bottom: 0;
}

.bk-cta a {
  color: #0A95FF;
  text-decoration: none;
  border-bottom: 1px solid #92D9F8;
}

.bk-cta a:hover {
  color: #054B80;
  border-bottom-color: #054B80;
}

.bk-cta__action {
  color: #054B80 !important;
  padding-top: 1rem;
  border-top: 1px solid #e0edf6;
  margin-top: 1rem !important;
}

@media (max-width: 600px) {
  .bk-cta {
    padding: 1.25rem 1rem;
  }

  .bk-cta p {
    font-size: 0.95rem;
  }
}/* End custom CSS */