.elementor-36 .elementor-element.elementor-element-36fbed4{--display:flex;--overflow:auto;}.elementor-36 .elementor-element.elementor-element-36fbed4:not(.elementor-motion-effects-element-type-background), .elementor-36 .elementor-element.elementor-element-36fbed4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://protectyourit.eu/wp-content/uploads/2026/07/ChatGPT-Image-14.-Juli-2026-11_49_29.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-36 .elementor-element.elementor-element-c25f070{--display:flex;}.elementor-36 .elementor-element.elementor-element-69c0e2a{--display:flex;}.elementor-36 .elementor-element.elementor-element-69c0e2a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-36 .elementor-element.elementor-element-fcca9a0{--display:flex;}.elementor-36 .elementor-element.elementor-element-91fce4f{--display:flex;}.elementor-36 .elementor-element.elementor-element-8671246{--display:flex;}.elementor-36 .elementor-element.elementor-element-e0e3ed1{--display:flex;}.elementor-36 .elementor-element.elementor-element-7388195{--display:flex;}.elementor-36 .elementor-element.elementor-element-0ec5f0c .elementor-icon-wrapper{text-align:center;}.elementor-36 .elementor-element.elementor-element-4ed63cb{--display:flex;}.elementor-36 .elementor-element.elementor-element-689243e .elementor-icon-wrapper{text-align:center;}.elementor-36 .elementor-element.elementor-element-d950b05{--display:flex;}.elementor-36 .elementor-element.elementor-element-b60345c .elementor-icon-wrapper{text-align:center;}.elementor-36 .elementor-element.elementor-element-57e939a{--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;}.elementor-36 .elementor-element.elementor-element-0b51f90{--display:flex;}.elementor-36 .elementor-element.elementor-element-1f0ab97{--display:flex;--overflow:hidden;}.elementor-36 .elementor-element.elementor-element-2e6bce5{text-align:center;}.elementor-36 .elementor-element.elementor-element-2e6bce5 img{width:100%;}.elementor-36 .elementor-element.elementor-element-179f87b{--display:flex;}.elementor-36 .elementor-element.elementor-element-bdb94b4{--display:flex;}.elementor-36 .elementor-element.elementor-element-63a63e7{--display:flex;}.elementor-36 .elementor-element.elementor-element-ea15e83{--display:flex;}.elementor-36 .elementor-element.elementor-element-d6ba0f0{--display:flex;}.elementor-36 .elementor-element.elementor-element-5f4ca0d{--display:flex;}.elementor-36 .elementor-element.elementor-element-d55c05a .elementor-icon-wrapper{text-align:center;}.elementor-36 .elementor-element.elementor-element-408bbed{--display:flex;}.elementor-36 .elementor-element.elementor-element-feb4e24 .elementor-icon-wrapper{text-align:center;}.elementor-36 .elementor-element.elementor-element-471a108{--display:flex;}.elementor-36 .elementor-element.elementor-element-96400cf .elementor-icon-wrapper{text-align:center;}.elementor-36 .elementor-element.elementor-element-ba4db7e{--display:flex;}.elementor-36 .elementor-element.elementor-element-64ae601 .elementor-icon-wrapper{text-align:center;}.elementor-36 .elementor-element.elementor-element-2ed59cd{--display:flex;}.elementor-36 .elementor-element.elementor-element-86d1ed5{--display:flex;}.elementor-36 .elementor-element.elementor-element-0cc290b{--display:flex;}.elementor-36 .elementor-element.elementor-element-b91dfa4{--display:flex;}.elementor-36 .elementor-element.elementor-element-f1f9b53{--display:flex;}.elementor-36 .elementor-element.elementor-element-6bd9f09{--display:flex;}.elementor-36 .elementor-element.elementor-element-5b566c5{--display:flex;}.elementor-36 .elementor-element.elementor-element-9553c0f{--display:flex;}.elementor-36 .elementor-element.elementor-element-25e6472{--display:flex;}.elementor-36 .elementor-element.elementor-element-305dd96{--display:flex;}.elementor-36 .elementor-element.elementor-element-8102989{--display:flex;}.elementor-36 .elementor-element.elementor-element-f0a63bd{--display:flex;}.elementor-36 .elementor-element.elementor-element-c28ea2e{--display:flex;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-36 .elementor-element.elementor-element-69c0e2a{--width:495px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for container, class: .elementor-element-36fbed4 *//* =====================================================
   PROTECTYOURIT – BETREUUNG HERO
   Vollständiger konsolidierter Austauschblock

   Ort:
   Betreuung
   → Hero-Outer
   → Erweitert
   → Individuelles CSS

   Globale Typografie:
   H1      → pyi-page-title
   Eyebrow → pyi-section-eyebrow

   Das Foto wird in Elementor als Hintergrundbild
   des äußeren Hero-Containers hinterlegt.
   ===================================================== */


/* =====================================================
   01 | HERO-GRUNDFLÄCHE
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-36fbed4 {
  position: relative;
  isolation: isolate;

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  min-height:
    clamp(35rem, 43vw, 43rem);

  margin: 0;
  padding: 0;

  overflow: hidden;

  background-color:
    var(--pyi-color-surface, #f4f8fc) !important;

  background-position:
    right center !important;

  background-repeat:
    no-repeat !important;

  background-size:
    cover !important;

  border-bottom:
    1px solid
    rgba(0, 64, 140, 0.08);
}


/* =====================================================
   02 | VERLAUF ÜBER DEM HINTERGRUNDBILD

   Links entsteht eine ruhige Textfläche.
   Rechts bleibt das Personenmotiv sichtbar.
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-36fbed4::before {
  content: "";

  position: absolute;
  z-index: 1;

  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(244, 249, 253, 1) 0%,
      rgba(244, 249, 253, 0.99) 28%,
      rgba(247, 251, 254, 0.96) 40%,
      rgba(249, 252, 255, 0.74) 52%,
      rgba(255, 255, 255, 0.30) 63%,
      rgba(255, 255, 255, 0.04) 75%,
      rgba(255, 255, 255, 0) 100%
    );

  pointer-events: none;
}


/* =====================================================
   03 | DEZENTER LICHTAKZENT
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-36fbed4::after {
  content: "";

  position: absolute;
  z-index: 1;

  right: -12%;
  bottom: -55%;

  width: 46rem;
  height: 46rem;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(0, 150, 228, 0.13),
      transparent 68%
    );

  pointer-events: none;
}


/* =====================================================
   04 | INNERER HERO-BEREICH
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__inner {
  position: relative;
  z-index: 2;

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

  box-sizing: border-box;

  width: min(
    calc(100% - 4rem),
    var(--pyi-content-width, 1200px)
  );

  max-width:
    var(--pyi-content-width, 1200px);

  min-width: 0;
  min-height:
    clamp(35rem, 43vw, 43rem);

  margin-inline: auto;

  padding:
    clamp(4.75rem, 6.5vw, 6.75rem)
    0;
}


/* =====================================================
   05 | INHALTSBEREICH
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__content {
  position: relative;

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

  box-sizing: border-box;

  width:
    min(100%, 42rem) !important;

  max-width:
    42rem !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* =====================================================
   06 | EYEBROW

   Typografie und gelbe Linie kommen global über:
   pyi-section-eyebrow
   pyi-section-eyebrow--dark
   pyi-section-eyebrow--line
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__label {
  width:
    auto !important;

  max-width:
    100% !important;

  margin:
    0
    0
    1.35rem !important;
}


/* =====================================================
   07 | HAUPTÜBERSCHRIFT

   Schriftgröße, Farbe, Gewicht, Zeilenhöhe und
   manuelle Trennstellen kommen global über:
   pyi-page-title
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__title {
  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    40rem !important;

  min-width:
    0 !important;

  margin:
    0
    0
    1.5rem !important;

  padding:
    0 !important;
}

.elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__title
.elementor-heading-title {
  width:
    100% !important;

  max-width:
    40rem !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* =====================================================
   08 | EINFÜHRUNGSTEXT
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__text {
  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    39rem !important;

  min-width:
    0 !important;

  margin:
    0
    0
    2.2rem !important;

  padding:
    0 !important;

  color:
    var(--pyi-color-text, #455368) !important;

  font-family:
    var(
      --pyi-font-primary,
      "Fira Sans",
      sans-serif
    ) !important;

  font-size:
    clamp(1rem, 1.15vw, 1.12rem) !important;

  font-weight:
    400 !important;

  line-height:
    1.65 !important;

  overflow-wrap:
    break-word !important;
}

.elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__text p {
  margin:
    0 !important;
}


/* =====================================================
   09 | TRUST-POINTS
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__points {
  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}

.elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__points
.elementor-widget-container,
.elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__points
.elementor-text-editor {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;

  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  column-gap:
    1.65rem !important;

  row-gap:
    0.85rem !important;

  margin:
    0 !important;

  padding:
    0 !important;
}

.elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__points p {
  position: relative;

  flex:
    0
    0
    auto !important;

  width:
    auto !important;

  margin:
    0 !important;

  padding:
    0
    0
    0
    1.6rem !important;

  color:
    #173552 !important;

  font-family:
    var(
      --pyi-font-primary,
      "Fira Sans",
      sans-serif
    ) !important;

  font-size:
    clamp(0.88rem, 0.96vw, 0.98rem) !important;

  font-weight:
    600 !important;

  line-height:
    1.35 !important;

  white-space:
    nowrap !important;
}

.elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__points p::before {
  content: "✓";

  position: absolute;

  left: 0;
  top: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  width:
    1.1rem;

  height:
    1.1rem;

  border-radius:
    50%;

  background:
    var(--pyi-color-primary, #00408c);

  color:
    var(--pyi-color-white, #ffffff);

  font-size:
    0.62rem;

  font-weight:
    700;

  line-height:
    1;

  transform:
    translateY(-50%);
}


/* =====================================================
   10 | GROSSER DESKTOP
   ===================================================== */

@media (min-width: 1181px) {

  .elementor-36 .elementor-element.elementor-element-36fbed4 {
    background-position:
      right center !important;

    background-size:
      cover !important;
  }
}


/* =====================================================
   11 | TABLET
   ===================================================== */

@media (min-width: 768px) and (max-width: 1180px) {

  .elementor-36 .elementor-element.elementor-element-36fbed4 {
    min-height:
      36rem;

    background-position:
      68% center !important;

    background-size:
      auto 105% !important;
  }

  .elementor-36 .elementor-element.elementor-element-36fbed4::before {
    background:
      linear-gradient(
        90deg,
        rgba(244, 249, 253, 1) 0%,
        rgba(244, 249, 253, 0.98) 34%,
        rgba(247, 251, 254, 0.84) 49%,
        rgba(255, 255, 255, 0.30) 68%,
        rgba(255, 255, 255, 0) 100%
      );
  }

  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__inner {
    width: min(
      calc(100% - 3rem),
      var(--pyi-content-width, 1200px)
    );

    min-height:
      36rem;

    padding:
      4.5rem
      0;
  }

  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__content {
    width:
      min(100%, 34rem) !important;

    max-width:
      34rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__title,
  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__title
  .elementor-heading-title {
    max-width:
      34rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__text {
    max-width:
      33rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__points
  .elementor-widget-container,
  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__points
  .elementor-text-editor {
    flex-direction:
      column !important;

    align-items:
      flex-start !important;
  }
}


/* =====================================================
   12 | MOBIL

   Das Hintergrundmotiv läuft über die vollständige
   Hero-Höhe. Der Verlauf schützt die Textfläche.
   ===================================================== */

@media (max-width: 767px) {

  .elementor-36 .elementor-element.elementor-element-36fbed4 {
    min-height:
      0 !important;

    background-color:
      var(--pyi-color-surface, #f4f8fc) !important;

    background-position:
      68% center !important;

    background-repeat:
      no-repeat !important;

    background-size:
      auto 100% !important;
  }


  /* Horizontaler Verlauf */

  .elementor-36 .elementor-element.elementor-element-36fbed4::before {
    background:
      linear-gradient(
        90deg,
        rgba(244, 249, 253, 1) 0%,
        rgba(244, 249, 253, 1) 50%,
        rgba(244, 249, 253, 0.97) 59%,
        rgba(244, 249, 253, 0.78) 69%,
        rgba(244, 249, 253, 0.42) 81%,
        rgba(244, 249, 253, 0.08) 94%,
        rgba(244, 249, 253, 0) 100%
      ) !important;
  }

  .elementor-36 .elementor-element.elementor-element-36fbed4::after {
    display:
      none !important;
  }


  /* Innerer Bereich */

  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__inner {
    box-sizing:
      border-box !important;

    width:
      100% !important;

    max-width:
      100% !important;

    min-height:
      0 !important;

    margin:
      0
      auto !important;

    padding:
      3.5rem
      1.25rem
      4rem !important;

    justify-content:
      flex-start !important;
  }


  /* Inhalt */

  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__content {
    width:
      100% !important;

    max-width:
      100% !important;
  }


  /* Eyebrow */

  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__label {
    margin-bottom:
      1.1rem !important;
  }


  /* H1 */

  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__title,
  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__title
  .elementor-heading-title {
    width:
      100% !important;

    max-width:
      100% !important;
  }

  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__title {
    margin-bottom:
      1.2rem !important;
  }


  /* Einführungstext */

  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__text {
    width:
      100% !important;

    max-width:
      94% !important;

    margin-bottom:
      1.75rem !important;

    font-size:
      1rem !important;

    line-height:
      1.58 !important;
  }


  /* Trust-Points */

  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__points
  .elementor-widget-container,
  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__points
  .elementor-text-editor {
    flex-direction:
      column !important;

    align-items:
      flex-start !important;

    gap:
      0.8rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-36fbed4 .pyi-care-hero__points p {
    white-space:
      normal !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-fcca9a0 *//* =====================================================
   PROTECTYOURIT – BETREUUNG: BETREUUNGSBEREICHE
   Vollständiger konsolidierter Austauschblock

   Ort:
   Betreuungsbereiche-Outer
   → Erweitert
   → Individuelles CSS

   Globale Typografie:
   H2      → pyi-section-title
   kompakt → pyi-section-title--compact
   Eyebrow → pyi-section-eyebrow
   ===================================================== */


/* =====================================================
   01 | ABSCHNITTSFLÄCHE
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 {
  position: relative;

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  overflow-x: hidden;
  overflow-x: clip;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f8fbfe 100%
    );
}


/* =====================================================
   02 | INNERER INHALTSBEREICH
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__inner {
  box-sizing: border-box;

  width: min(
    calc(100% - 4rem),
    var(--pyi-content-width, 1200px)
  );

  max-width:
    var(--pyi-content-width, 1200px);

  min-width: 0;

  margin-inline: auto;

  padding:
    var(--pyi-section-space, clamp(5rem, 7vw, 7rem))
    0
    clamp(5.5rem, 7vw, 7rem);
}


/* =====================================================
   03 | INTRO
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__intro {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  box-sizing: border-box;

  width: 100% !important;
  max-width: 56rem !important;
  min-width: 0 !important;

  margin:
    0
    auto
    3rem !important;

  padding: 0 !important;

  text-align: center;
}


/* =====================================================
   04 | EYEBROW

   Typografie und Linie kommen global über:
   pyi-section-eyebrow
   pyi-section-eyebrow--dark
   pyi-section-eyebrow--line
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__label {
  width: auto !important;
  max-width: 100% !important;

  margin:
    0
    0
    1.2rem !important;
}


/* Eyebrow und Linie im zentrierten Intro ausrichten */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__label {
  margin-right: auto !important;
  margin-left: auto !important;
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__label::after {
  left: 50% !important;

  transform:
    translateX(-50%) !important;
}


/* =====================================================
   05 | H2

   Typografie kommt global über:
   pyi-section-title
   pyi-section-title--compact
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__title {
  box-sizing: border-box;

  width: 100% !important;
  max-width: 52rem !important;
  min-width: 0 !important;

  margin:
    0
    0
    1rem !important;

  padding: 0 !important;

  text-align: center;
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__title
.elementor-heading-title {
  width: 100% !important;
  max-width: 52rem !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center;
}


/* =====================================================
   06 | EINFÜHRUNGSTEXT
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__intro-text {
  box-sizing: border-box;

  width: 100% !important;
  max-width: 50rem !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--pyi-color-text, #455368) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(0.98rem, 1.08vw, 1.08rem) !important;

  font-weight: 400 !important;
  line-height: 1.62 !important;

  text-align: center;

  overflow-wrap: break-word !important;
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__intro-text p {
  margin: 0 !important;
}


/* =====================================================
   07 | KARTENRASTER
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__grid {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  align-items: stretch !important;

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  gap:
    clamp(1.25rem, 2vw, 2rem) !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =====================================================
   08 | KARTENGRUNDFORM
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area {
  position: relative;

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

  box-sizing: border-box;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 26rem;

  margin: 0 !important;

  padding:
    clamp(1.6rem, 2.1vw, 2.1rem) !important;

  overflow: hidden;

  border:
    1px solid
    rgba(0, 64, 140, 0.11);

  border-radius:
    0.7rem;

  background:
    rgba(255, 255, 255, 0.92);

  box-shadow:
    0 1rem 2.5rem
    rgba(0, 64, 140, 0.055);

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area:hover {
  transform:
    translateY(-4px);

  border-color:
    rgba(0, 150, 228, 0.23);

  box-shadow:
    0 1.4rem 3rem
    rgba(0, 64, 140, 0.1);
}


/* Direkte Elemente begrenzen */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area >
.elementor-element,
.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area >
.e-con-inner {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}


/* =====================================================
   09 | KARTENVARIANTEN
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area--ongoing {
  background:
    linear-gradient(
      150deg,
      #ffffff 0%,
      #f1f8fd 100%
    );
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area--project {
  background:
    linear-gradient(
      150deg,
      #ffffff 0%,
      #f5f9fd 100%
    );
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area--support {
  background:
    linear-gradient(
      150deg,
      #f3f9ff 0%,
      #ffffff 100%
    );
}


/* =====================================================
   10 | ICON
   Klasse direkt am Elementor-Icon-Widget
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area >
.pyi-care-area__icon {
  position: relative !important;

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

  box-sizing: border-box !important;

  flex: 0 0 3.3rem !important;
  align-self: flex-start !important;

  width: 3.3rem !important;
  height: 3.3rem !important;

  min-width: 3.3rem !important;
  min-height: 3.3rem !important;

  max-width: 3.3rem !important;
  max-height: 3.3rem !important;

  margin:
    0
    0
    1.25rem !important;

  padding: 0 !important;

  border:
    1px solid
    rgba(0, 150, 228, 0.16) !important;

  border-radius:
    50% !important;

  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #e9f7fd 100%
    ) !important;

  box-shadow:
    0 0.65rem 1.35rem
    rgba(0, 64, 140, 0.09) !important;

  overflow:
    hidden !important;
}


/* Elementor-Widget-Container */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area >
.pyi-care-area__icon >
.elementor-widget-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  border-radius: 50% !important;

  background: transparent !important;
}


/* Eigentliches Icon */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area >
.pyi-care-area__icon
.elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: auto !important;
  height: auto !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;

  color:
    var(--pyi-color-primary, #00408c) !important;

  font-size:
    1.55rem !important;

  line-height:
    1 !important;
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area >
.pyi-care-area__icon svg {
  display: block !important;

  width: 1.55rem !important;
  height: 1.55rem !important;

  margin: 0 !important;

  fill:
    var(--pyi-color-primary, #00408c) !important;
}


/* =====================================================
   11 | KARTENTITEL
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__title {
  position: relative;

  box-sizing: border-box;

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

  margin:
    0
    0
    1.3rem !important;

  padding:
    0
    0
    0.8rem !important;
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__title::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 2rem;
  height: 2px;

  border-radius:
    var(--pyi-radius-pill, 999px);

  background:
    var(--pyi-color-highlight, #ede500);
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__title
.elementor-heading-title {
  width: 100%;
  max-width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--pyi-color-primary, #00408c) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(1.08rem, 1.25vw, 1.3rem) !important;

  font-weight: 700 !important;
  line-height: 1.22 !important;

  word-break: normal !important;
  overflow-wrap: break-word !important;

  -webkit-hyphens: manual !important;
  hyphens: manual !important;
}


/* =====================================================
   12 | KARTENTEXT
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__text {
  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 6.1rem;

  margin:
    0
    0
    1.25rem !important;

  padding: 0 !important;

  color:
    #465367 !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(0.9rem, 0.96vw, 0.98rem) !important;

  font-weight: 400 !important;
  line-height: 1.55 !important;

  overflow-wrap: break-word !important;
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__text p {
  margin: 0 !important;
}


/* =====================================================
   13 | LISTE
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__list {
  box-sizing: border-box;

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

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__list ul {
  display: grid !important;

  gap:
    0.65rem !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__list li {
  position: relative;

  margin: 0 !important;

  padding:
    0
    0
    0
    1rem !important;

  list-style: none !important;

  color:
    #29384d !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(0.84rem, 0.91vw, 0.94rem) !important;

  font-weight: 400 !important;
  line-height: 1.45 !important;

  overflow-wrap: break-word !important;
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__list li::before {
  content: "";

  position: absolute;

  left: 0;
  top: 0.58em;

  width: 0.28rem;
  height: 0.28rem;

  border-radius: 50%;

  background:
    var(--pyi-color-primary, #00408c);
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__list li::marker {
  content: none !important;
}


/* =====================================================
   14 | TABLET
   ===================================================== */

@media (min-width: 768px) and (max-width: 1180px) {

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__inner {
    width: min(
      calc(100% - 3rem),
      var(--pyi-content-width, 1200px)
    );
  }

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__grid {
    grid-template-columns:
      minmax(0, 1fr) !important;
  }

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area {
    display: grid !important;

    grid-template-columns:
      4rem
      minmax(0, 1fr);

    grid-template-rows:
      auto
      auto
      auto;

    align-items:
      start !important;

    min-height:
      0;

    column-gap:
      1.35rem;
  }

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__icon {
    grid-column:
      1;

    grid-row:
      1 / 4;

    margin:
      0 !important;
  }

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__title,
  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__text,
  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__list {
    grid-column:
      2;
  }

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__text {
    min-height:
      0;
  }
}


/* =====================================================
   15 | MOBIL
   ===================================================== */

@media (max-width: 767px) {

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__inner {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 100% !important;

    margin:
      0
      auto !important;

    padding:
      var(--pyi-section-space-mobile, 4rem)
      1.25rem
      4.5rem !important;
  }


  /* Intro linksbündig */

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__intro {
    align-items:
      flex-start !important;

    width:
      100% !important;

    max-width:
      100% !important;

    margin-bottom:
      2.5rem !important;

    text-align:
      left;
  }

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__label {
    margin-left:
      0 !important;
  }

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__label::after {
    left:
      0 !important;

    transform:
      none !important;
  }

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__title,
  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__title
  .elementor-heading-title,
  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__intro-text {
    width:
      100% !important;

    max-width:
      100% !important;

    text-align:
      left;
  }


  /* Raster */

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-areas__grid {
    grid-template-columns:
      minmax(0, 1fr) !important;

    gap:
      1.25rem !important;
  }


  /* Karte */

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area {
    min-height:
      0;

    padding:
      1.5rem !important;

    border-radius:
      0.6rem;
  }

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__text {
    min-height:
      0;
  }
}

/* =====================================================
   ICONS – EXAKTE ZENTRIERUNG
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__icon,
.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__icon .elementor-widget-container,
.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__icon .elementor-icon-wrapper,
.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__icon .elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__icon .elementor-icon-wrapper {
  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__icon .elementor-icon {
  width: 1.55rem !important;
  height: 1.55rem !important;

  line-height: 1 !important;
}

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__icon svg,
.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area__icon i {
  display: block !important;

  width: 1.55rem !important;
  height: 1.55rem !important;

  margin: 0 auto !important;

  line-height: 1 !important;
}

/* =====================================================
   ICONS – OPTISCHE KORREKTUR DER SVG-GLYPHEN
   ===================================================== */

/* Person mit Schild */
.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area--ongoing
.pyi-care-area__icon svg {
  transform: translateX(-0.08rem) !important;
}

/* Lupe */
.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area--project
.pyi-care-area__icon svg {
  transform: translateX(-0.03rem) !important;
}

/* Schulung */
.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area--support
.pyi-care-area__icon svg {
  transform: translateX(-0.06rem) !important;
}

/* =====================================================
   ICONS – HORIZONTAL MITTIG IN DER KARTE
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area >
.pyi-care-area__icon {
  align-self: center !important;

  margin:
    0
    auto
    1.25rem !important;
}

@media (min-width: 768px) and (max-width: 1180px) {

  .elementor-36 .elementor-element.elementor-element-fcca9a0 .pyi-care-area >
  .pyi-care-area__icon {
    align-self: start !important;

    margin:
      0 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-57e939a *//* =====================================================
   PROTECTYOURIT – BETREUUNG: NUTZENBEREICH
   Vollständiger konsolidierter Austauschblock

   Globale Typografie:
   H2      → pyi-section-title
   kompakt → pyi-section-title--compact
   Eyebrow → pyi-section-eyebrow
   ===================================================== */


/* =====================================================
   01 | ABSCHNITTSFLÄCHE
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-57e939a {
  position: relative;

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  overflow-x: hidden;
  overflow-x: clip;

  background:
    radial-gradient(
      circle at 82% 40%,
      rgba(0, 150, 228, 0.09),
      transparent 32%
    ),
    linear-gradient(
      110deg,
      #eef8fd 0%,
      #f8fbfe 48%,
      #ffffff 100%
    );

  border-top:
    1px solid
    rgba(0, 64, 140, 0.07);

  border-bottom:
    1px solid
    rgba(0, 64, 140, 0.07);
}


/* =====================================================
   02 | INNERER BEREICH
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__inner {
  position: relative;
  z-index: 1;

  display: grid !important;

  grid-template-columns:
    minmax(25rem, 0.95fr)
    minmax(0, 1.05fr);

  align-items: center !important;

  box-sizing: border-box;

  width: min(
    calc(100% - 4rem),
    var(--pyi-content-width, 1200px)
  );

  max-width:
    var(--pyi-content-width, 1200px);

  min-width: 0;

  margin-inline: auto;

  padding:
    clamp(4.75rem, 6.5vw, 6.5rem)
    0;

  gap:
    clamp(3.5rem, 6vw, 6rem);
}


/* =====================================================
   03 | BILDBEREICH
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__visual {
  position: relative;

  box-sizing: border-box;

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

  min-height:
    clamp(24rem, 31vw, 31rem);

  margin: 0 !important;
  padding: 0 !important;

  overflow: hidden !important;

  border:
    1px solid
    rgba(0, 64, 140, 0.1);

  border-radius:
    0.65rem;

  background:
    linear-gradient(
      145deg,
      #eaf6fd,
      #ffffff
    );

  box-shadow:
    0 1rem 2.4rem
    rgba(0, 64, 140, 0.1);
}


/* Dezente Innenkante */

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__visual::after {
  content: "";

  position: absolute;
  z-index: 2;

  inset: 0.5rem;

  border:
    1px solid
    rgba(255, 255, 255, 0.68);

  border-radius:
    0.4rem;

  pointer-events: none;
}


/* =====================================================
   04 | BILD
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__image {
  position: absolute !important;

  inset: 0 !important;

  box-sizing: border-box;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__image
.elementor-widget-container {
  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__image img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center !important;

  transition:
    transform 500ms ease;
}

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__visual:hover
.pyi-care-benefits__image img {
  transform:
    scale(1.025);
}


/* =====================================================
   05 | INHALTSBEREICH
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__content {
  position: relative;

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

  box-sizing: border-box;

  width: 100% !important;
  max-width: 38rem !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =====================================================
   06 | EYEBROW
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__label {
  width: auto !important;
  max-width: 100% !important;

  margin:
    0
    0
    1.25rem !important;
}


/* =====================================================
   07 | H2
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__title {
  box-sizing: border-box;

  width: 100% !important;
  max-width: 38rem !important;
  min-width: 0 !important;

  margin:
    0
    0
    1.8rem !important;

  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__title
.elementor-heading-title {
  width: 100% !important;
  max-width: 38rem !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =====================================================
   08 | VORTEILSLISTE
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__list {
  box-sizing: border-box;

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

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__list ul {
  display: grid !important;

  gap:
    0.95rem !important;

  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__list li {
  position: relative;

  box-sizing: border-box;

  min-width: 0;

  margin: 0 !important;

  padding:
    0
    0
    0
    1.85rem !important;

  list-style: none !important;

  color:
    #314258 !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(0.94rem, 1vw, 1.02rem) !important;

  font-weight:
    500 !important;

  line-height:
    1.45 !important;

  overflow-wrap:
    break-word !important;
}

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__list li::before {
  content: "✓";

  position: absolute;

  left: 0;
  top: 0.08rem;

  display: flex;
  align-items: center;
  justify-content: center;

  width:
    1.2rem;

  height:
    1.2rem;

  border-radius:
    50%;

  background:
    var(--pyi-color-primary, #00408c);

  color:
    var(--pyi-color-white, #ffffff);

  font-size:
    0.65rem;

  font-weight:
    700;

  line-height:
    1;
}

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__list li::marker {
  content:
    none !important;
}


/* =====================================================
   09 | DEKORATIVER SCHILD-UMRISS
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__content::after {
  content: "";

  position: absolute;
  z-index: -1;

  right:
    -13rem;

  bottom:
    -9rem;

  width:
    20rem;

  height:
    23rem;

  opacity:
    0.035;

  background:
    var(--pyi-color-primary, #00408c);

  clip-path:
    polygon(
      50% 0%,
      92% 16%,
      92% 55%,
      82% 73%,
      66% 88%,
      50% 100%,
      34% 88%,
      18% 73%,
      8% 55%,
      8% 16%
    );

  pointer-events:
    none;
}


/* =====================================================
   10 | TABLET
   ===================================================== */

@media (min-width: 768px) and (max-width: 1180px) {

  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__inner {
    grid-template-columns:
      minmax(20rem, 0.9fr)
      minmax(0, 1.1fr);

    width: min(
      calc(100% - 3rem),
      var(--pyi-content-width, 1200px)
    );

    gap:
      clamp(2.5rem, 4vw, 4rem);

    padding:
      4.5rem
      0;
  }

  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__visual {
    min-height:
      25rem;
  }

  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__content {
    max-width:
      100% !important;
  }
}


/* =====================================================
   11 | MOBIL
   ===================================================== */

@media (max-width: 767px) {

  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__inner {
    grid-template-columns:
      minmax(0, 1fr);

    box-sizing:
      border-box !important;

    width:
      100% !important;

    max-width:
      100% !important;

    margin:
      0
      auto !important;

    padding:
      var(--pyi-section-space-mobile, 4rem)
      1.25rem
      4.5rem !important;

    gap:
      2.5rem;
  }


  /* Bild */

  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__visual {
    min-height:
      19rem;

    border-radius:
      0.55rem;
  }

  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__visual::after {
    inset:
      0.4rem;

    border-radius:
      0.32rem;
  }


  /* Inhalt */

  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__content {
    width:
      100% !important;

    max-width:
      100% !important;
  }

  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__label {
    margin-bottom:
      1.1rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__title,
  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__title
  .elementor-heading-title {
    width:
      100% !important;

    max-width:
      100% !important;
  }

  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__title {
    margin-bottom:
      1.5rem !important;
  }


  /* Liste */

  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__list ul {
    gap:
      0.85rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__list li {
    font-size:
      0.98rem !important;
  }


  /* Dekoration reduzieren */

  .elementor-36 .elementor-element.elementor-element-57e939a .pyi-care-benefits__content::after {
    display:
      none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bdb94b4 *//* =====================================================
   PROTECTYOURIT – BETREUUNG: TEAM & ERFAHRUNG
   Vollständiger konsolidierter Austauschblock

   Ort:
   Team-Outer
   → Erweitert
   → Individuelles CSS

   Globale Typografie:
   H2      → pyi-section-title
   kompakt → pyi-section-title--compact
   Eyebrow → pyi-section-eyebrow
   ===================================================== */


/* =====================================================
   01 | ABSCHNITTSFLÄCHE
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 {
  position: relative;

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  overflow-x: hidden;
  overflow-x: clip;

  background:
    radial-gradient(
      circle at 88% 12%,
      rgba(0, 150, 228, 0.08),
      transparent 28%
    ),
    linear-gradient(
      180deg,
      #f4f9fd 0%,
      #ffffff 100%
    );
}


/* =====================================================
   02 | INNERER BEREICH
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__inner {
  box-sizing: border-box;

  width: min(
    calc(100% - 4rem),
    var(--pyi-content-width, 1200px)
  );

  max-width:
    var(--pyi-content-width, 1200px);

  min-width: 0;

  margin-inline: auto;

  padding:
    var(--pyi-section-space, clamp(5rem, 7vw, 7rem))
    0;
}


/* =====================================================
   03 | ABSCHNITTSKOPF
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__head {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  box-sizing: border-box;

  width: 100%;
  max-width: 52rem;
  min-width: 0;

  margin:
    0
    0
    clamp(2.5rem, 4vw, 3.75rem);

  padding: 0;
}


/* =====================================================
   04 | EYEBROW
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__eyebrow {
  width: auto !important;
  max-width: 100% !important;

  margin:
    0
    0
    1.1rem !important;
}


/* =====================================================
   05 | H2
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__title {
  box-sizing: border-box;

  width: 100% !important;
  max-width: 48rem !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__title
.elementor-heading-title {
  width: 100% !important;
  max-width: 48rem !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =====================================================
   06 | EINLEITUNG
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__intro {
  box-sizing: border-box;

  width: 100%;
  max-width: 49rem;
  min-width: 0;

  margin:
    1.35rem
    0
    0 !important;

  padding: 0 !important;

  color:
    var(--pyi-color-text, #455368) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(1.02rem, 1.15vw, 1.12rem) !important;

  font-weight:
    400 !important;

  line-height:
    1.65 !important;

  overflow-wrap:
    break-word !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__intro p {
  margin: 0 !important;
}


/* =====================================================
   07 | TEAMRASTER
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__grid {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  align-items:
    stretch !important;

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  gap:
    clamp(1.25rem, 2vw, 1.75rem) !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =====================================================
   08 | TEAMKARTEN
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card {
  position: relative;

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

  box-sizing: border-box;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 16rem;

  margin: 0 !important;

  padding:
    clamp(1.6rem, 2.2vw, 2rem) !important;

  overflow: hidden;

  border:
    1px solid
    rgba(0, 64, 140, 0.12);

  border-radius:
    0.75rem;

  background:
    rgba(255, 255, 255, 0.9);

  box-shadow:
    0 0.9rem 2.4rem
    rgba(0, 64, 140, 0.055);
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card::after {
  content: "";

  position: absolute;

  right: -4rem;
  bottom: -5rem;

  width: 11rem;
  height: 11rem;

  border-radius: 50%;

  background:
    rgba(0, 150, 228, 0.055);

  pointer-events: none;
}


/* Kartenvarianten */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card--lead {
  background:
    linear-gradient(
      145deg,
      #eef7ff 0%,
      #ffffff 100%
    );
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card--coordination {
  background:
    linear-gradient(
      145deg,
      #f3f7fb 0%,
      #ffffff 100%
    );
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card--support {
  background:
    linear-gradient(
      145deg,
      #f7f9fc 0%,
      #ffffff 100%
    );
}


/* =====================================================
   09 | KARTEN-ICONS
   Klasse direkt am Elementor-Icon-Widget
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card__icon {
  position: relative;
  z-index: 1;

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

  box-sizing: border-box;

  flex:
    0
    0
    3rem !important;

  width:
    3rem !important;

  height:
    3rem !important;

  min-width:
    3rem !important;

  min-height:
    3rem !important;

  max-width:
    3rem !important;

  max-height:
    3rem !important;

  margin:
    0
    0
    1.4rem !important;

  padding:
    0 !important;

  border:
    1px solid
    rgba(0, 150, 228, 0.15);

  border-radius:
    0.7rem;

  background:
    linear-gradient(
      145deg,
      #ffffff 0%,
      #e6f4fc 100%
    );

  color:
    var(--pyi-color-primary, #00408c) !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card__icon
.elementor-widget-container,
.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card__icon
.elementor-icon-wrapper,
.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card__icon
.elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card__icon
.elementor-icon {
  color:
    var(--pyi-color-primary, #00408c) !important;

  font-size:
    1.45rem !important;

  line-height:
    1 !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card__icon svg {
  display: block !important;

  width:
    1.45rem !important;

  height:
    1.45rem !important;

  margin: 0 !important;

  fill:
    var(--pyi-color-primary, #00408c) !important;
}


/* =====================================================
   10 | KARTENTITEL
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card__title {
  position: relative;
  z-index: 1;

  box-sizing: border-box;

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

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card__title
.elementor-heading-title {
  width: 100%;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--pyi-color-primary, #00408c) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(1.2rem, 1.5vw, 1.42rem) !important;

  font-weight:
    700 !important;

  line-height:
    1.22 !important;

  overflow-wrap:
    break-word !important;
}


/* =====================================================
   11 | KARTENTEXT
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card__text {
  position: relative;
  z-index: 1;

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin:
    1rem
    0
    0 !important;

  padding:
    0 !important;

  color:
    var(--pyi-color-text, #455368) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    0.98rem !important;

  font-weight:
    400 !important;

  line-height:
    1.62 !important;

  overflow-wrap:
    break-word !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card__text p {
  margin: 0 !important;
}


/* =====================================================
   12 | JURISTISCHE KOOPERATION
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation {
  display: grid !important;

  grid-template-columns:
    auto
    minmax(0, 1fr);

  align-items:
    start !important;

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  gap:
    1.5rem;

  margin-top:
    clamp(1.5rem, 2.5vw, 2.25rem);

  padding:
    clamp(1.5rem, 2.5vw, 2rem);

  border:
    1px solid
    rgba(0, 64, 140, 0.12);

  border-radius:
    0.75rem;

  background:
    linear-gradient(
      135deg,
      #f5f8fc 0%,
      #ffffff 100%
    );
}


/* Kooperations-Icon */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box;

  width:
    3rem !important;

  height:
    3rem !important;

  min-width:
    3rem !important;

  min-height:
    3rem !important;

  max-width:
    3rem !important;

  max-height:
    3rem !important;

  margin: 0 !important;
  padding: 0 !important;

  border:
    1px solid
    rgba(0, 150, 228, 0.15);

  border-radius:
    0.7rem;

  background:
    #ffffff;

  color:
    var(--pyi-color-primary, #00408c) !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-icon
.elementor-widget-container,
.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-icon
.elementor-icon-wrapper,
.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-icon
.elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-icon
.elementor-icon {
  color:
    var(--pyi-color-primary, #00408c) !important;

  font-size:
    1.4rem !important;

  line-height:
    1 !important;
}


/* Kooperations-Inhalt */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-content {
  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-eyebrow,
.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-eyebrow
.elementor-heading-title {
  margin:
    0
    0
    0.6rem !important;

  padding: 0 !important;

  color:
    var(--pyi-color-secondary, #0096e4) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    0.72rem !important;

  font-weight:
    700 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    0.07em !important;

  text-transform:
    uppercase !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-title,
.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-title
.elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--pyi-color-primary, #00408c) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(1.25rem, 1.7vw, 1.55rem) !important;

  font-weight:
    700 !important;

  line-height:
    1.22 !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-text {
  max-width:
    52rem;

  margin:
    0.9rem
    0
    0 !important;

  padding:
    0 !important;

  color:
    var(--pyi-color-text, #455368) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    0.98rem !important;

  line-height:
    1.62 !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-text p {
  margin:
    0
    0
    0.8rem !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-text p:last-child {
  margin-bottom:
    0 !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-link {
  margin-top:
    1rem !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-link a {
  color:
    var(--pyi-color-primary, #00408c) !important;

  font-size:
    0.92rem !important;

  font-weight:
    700 !important;

  text-decoration:
    none !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-link a::after {
  content:
    " ↗";
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-link a:hover {
  color:
    var(--pyi-color-secondary, #0096e4) !important;
}


/* =====================================================
   13 | ERFAHRUNGSBLOCK
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__experience {
  display: grid !important;

  grid-template-columns:
    auto
    minmax(0, 1fr);

  align-items:
    center !important;

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  gap:
    clamp(1.5rem, 3vw, 2.75rem);

  margin-top:
    clamp(2rem, 3vw, 2.75rem);

  padding:
    clamp(1.75rem, 3vw, 2.5rem);

  overflow:
    hidden;

  border-radius:
    0.75rem;

  background:
    radial-gradient(
      circle at 90% 20%,
      rgba(237, 229, 0, 0.17),
      transparent 24%
    ),
    linear-gradient(
      135deg,
      #00408c 0%,
      #0069b7 100%
    );

  box-shadow:
    0 1rem 2.5rem
    rgba(0, 64, 140, 0.11);
}


/* Erfahrungszahl */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__experience-number {
  margin: 0 !important;
  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__experience-number,
.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__experience-number * {
  color:
    #ffffff !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(1.8rem, 3vw, 2.6rem) !important;

  font-weight:
    700 !important;

  line-height:
    1.05 !important;

  letter-spacing:
    -0.035em !important;
}


/* Erfahrungstext */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__experience-text,
.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__experience-text * {
  margin:
    0 !important;

  color:
    rgba(255, 255, 255, 0.88) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(1rem, 1.15vw, 1.12rem) !important;

  font-weight:
    400 !important;

  line-height:
    1.6 !important;
}


/* =====================================================
   14 | TABLET
   ===================================================== */

@media (max-width: 1024px) {

  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__inner {
    width: min(
      calc(100% - 3rem),
      var(--pyi-content-width, 1200px)
    );
  }

  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card--support {
    grid-column:
      1 / -1;

    min-height:
      0;
  }
}


/* =====================================================
   15 | MOBIL
   ===================================================== */

@media (max-width: 767px) {

  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__inner {
    box-sizing:
      border-box !important;

    width:
      100% !important;

    max-width:
      100% !important;

    margin:
      0
      auto !important;

    padding:
      var(--pyi-section-space-mobile, 4rem)
      1.25rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__head {
    width:
      100%;

    max-width:
      100%;

    margin-bottom:
      2rem;
  }

  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__title,
  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__title
  .elementor-heading-title,
  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__intro {
    width:
      100% !important;

    max-width:
      100% !important;
  }

  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__grid {
    grid-template-columns:
      minmax(0, 1fr) !important;

    gap:
      1rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card,
  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team-card--support {
    grid-column:
      auto;

    min-height:
      0;

    padding:
      1.5rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation {
    grid-template-columns:
      minmax(0, 1fr);

    gap:
      1rem;

    padding:
      1.5rem;
  }

  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-icon {
    margin-bottom:
      0.25rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__experience {
    grid-template-columns:
      minmax(0, 1fr);

    gap:
      0.8rem;

    padding:
      1.5rem;
  }
}

/* =====================================================
   KOOPERATION – ABSTAND ZWISCHEN ICON UND EYEBROW
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-bdb94b4 .pyi-team__cooperation-content {
  padding-top: 0.45rem !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86d1ed5 *//* =====================================================
   PROTECTYOURIT – HISTORIENBAND
   ===================================================== */


/* Vollflächiger Hintergrund */

.elementor-36 .elementor-element.elementor-element-86d1ed5 {
  position: relative;

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;

  margin: 0;
  padding: 0;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 88% 50%,
      rgba(255, 255, 255, 0.18),
      transparent 25rem
    ),
    linear-gradient(
      100deg,
      #00408c 0%,
      #0069b9 72%,
      #3681ad 100%
    );
}


/* Boxed-Inhalt */

.elementor-36 .elementor-element.elementor-element-86d1ed5 .pyi-history-band__inner {
  display: grid !important;

  grid-template-columns:
    minmax(7.5rem, 10rem)
    minmax(0, 1fr);

  align-items: center !important;

  box-sizing: border-box;

  width:
    min(
      calc(100% - 4rem),
      var(--pyi-content-width, 1200px)
    );

  max-width:
    var(--pyi-content-width, 1200px);

  min-width: 0;

  margin-inline: auto;

  padding:
    clamp(1.8rem, 2.5vw, 2.5rem)
    0;

  gap:
    clamp(1.5rem, 3vw, 3rem) !important;
}


/* Jahreszahl */

.elementor-36 .elementor-element.elementor-element-86d1ed5 .pyi-history-band__year,
.elementor-36 .elementor-element.elementor-element-86d1ed5 .pyi-history-band__year *,
.elementor-36 .elementor-element.elementor-element-86d1ed5 .pyi-history-band__year .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color: #ffffff !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(1.8rem, 2.8vw, 2.7rem) !important;

  font-weight: 700 !important;

  line-height: 1 !important;
}


/* Begleittext */

.elementor-36 .elementor-element.elementor-element-86d1ed5 .pyi-history-band__text {
  margin: 0 !important;
  padding: 0 !important;

  color:
    rgba(255, 255, 255, 0.94) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(0.96rem, 1.05vw, 1.08rem) !important;

  font-weight: 400 !important;

  line-height: 1.55 !important;
}

.elementor-36 .elementor-element.elementor-element-86d1ed5 .pyi-history-band__text *,
.elementor-36 .elementor-element.elementor-element-86d1ed5 .pyi-history-band__text p {
  margin: 0 !important;
  padding: 0 !important;

  color: inherit !important;

  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}


/* Tablet */

@media (max-width: 1024px) {

  .elementor-36 .elementor-element.elementor-element-86d1ed5 .pyi-history-band__inner {
    width:
      min(
        calc(100% - 3rem),
        var(--pyi-content-width, 1200px)
      );
  }
}


/* Mobil */

@media (max-width: 767px) {

  .elementor-36 .elementor-element.elementor-element-86d1ed5 .pyi-history-band__inner {
    grid-template-columns:
      minmax(0, 1fr);

    width: 100%;

    padding:
      2rem
      1.25rem;

    gap:
      0.75rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-86d1ed5 .pyi-history-band__year,
  .elementor-36 .elementor-element.elementor-element-86d1ed5 .pyi-history-band__year *,
  .elementor-36 .elementor-element.elementor-element-86d1ed5 .pyi-history-band__year .elementor-heading-title {
    font-size:
      2rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-86d1ed5 .pyi-history-band__text {
    font-size:
      0.98rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b91dfa4 *//* =====================================================
   PROTECTYOURIT – BETREUUNG: KUNDENSTIMMEN
   Vollständiger konsolidierter Austauschblock

   Ort:
   Referenzen-Outer
   → Erweitert
   → Individuelles CSS

   Globale Typografie:
   H2      → pyi-section-title
   kompakt → pyi-section-title--compact
   Eyebrow → pyi-section-eyebrow
   ===================================================== */


/* =====================================================
   01 | ABSCHNITTSFLÄCHE
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-b91dfa4 {
  position: relative;

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  overflow-x: hidden;
  overflow-x: clip;

  background:
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f7fbfe 100%
    );
}


/* =====================================================
   02 | INNERER BEREICH
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__inner {
  box-sizing: border-box;

  width: min(
    calc(100% - 4rem),
    var(--pyi-content-width, 1200px)
  );

  max-width:
    var(--pyi-content-width, 1200px);

  min-width: 0;

  margin-inline: auto;

  padding:
    clamp(4.75rem, 6.5vw, 6.5rem)
    0
    clamp(5rem, 7vw, 6.75rem);
}


/* =====================================================
   03 | INTRO
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__intro {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;

  box-sizing: border-box;

  width: 100% !important;
  max-width: 52rem !important;
  min-width: 0 !important;

  margin:
    0
    auto
    clamp(2.75rem, 4vw, 3.75rem) !important;

  padding: 0 !important;

  text-align: center;
}


/* =====================================================
   04 | EYEBROW

   Typografie und Linie kommen global über:
   pyi-section-eyebrow
   pyi-section-eyebrow--dark
   pyi-section-eyebrow--line
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__label {
  width: auto !important;
  max-width: 100% !important;

  margin:
    0
    auto
    1.15rem !important;
}


/* Gelbe Linie beim zentrierten Intro mittig setzen */

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__label::after {
  left: 50% !important;

  transform:
    translateX(-50%) !important;
}


/* =====================================================
   05 | H2

   Typografie kommt global über:
   pyi-section-title
   pyi-section-title--compact
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__title {
  box-sizing: border-box;

  width: 100% !important;
  max-width: 50rem !important;
  min-width: 0 !important;

  margin:
    0
    0
    1rem !important;

  padding: 0 !important;

  text-align: center;
}

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__title
.elementor-heading-title {
  width: 100% !important;
  max-width: 50rem !important;

  margin: 0 !important;
  padding: 0 !important;

  text-align: center;
}


/* =====================================================
   06 | INTROTEXT
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__intro-text {
  box-sizing: border-box;

  width: 100% !important;
  max-width: 46rem !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--pyi-color-text, #455368) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(0.98rem, 1.08vw, 1.08rem) !important;

  font-weight: 400 !important;
  line-height: 1.62 !important;

  text-align: center;

  overflow-wrap: break-word !important;
}

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__intro-text p {
  margin: 0 !important;
}


/* =====================================================
   07 | KARTENRASTER
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__grid {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  align-items: stretch !important;

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  gap:
    clamp(1.25rem, 2vw, 2rem) !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =====================================================
   08 | REFERENZKARTE
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference {
  position: relative;

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

  box-sizing: border-box;

  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 22rem;

  margin: 0 !important;

  padding:
    clamp(1.65rem, 2vw, 2rem) !important;

  overflow: hidden;

  border:
    1px solid
    rgba(0, 64, 140, 0.11);

  border-radius:
    0.7rem;

  background:
    rgba(255, 255, 255, 0.94);

  box-shadow:
    0 1rem 2.5rem
    rgba(0, 64, 140, 0.055);

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}

@media (hover: hover) {

  .elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference:hover {
    transform:
      translateY(-3px);

    border-color:
      rgba(0, 150, 228, 0.22);

    box-shadow:
      0 1.35rem 2.9rem
      rgba(0, 64, 140, 0.09);
  }
}


/* =====================================================
   09 | ZITATZEICHEN
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference__quote-mark {
  flex: 0 0 auto !important;

  align-self: flex-start !important;

  width: auto !important;
  max-width: none !important;

  margin:
    0
    0
    1rem !important;

  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference__quote-mark,
.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference__quote-mark *,
.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference__quote-mark
.elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  color:
    var(--pyi-color-secondary, #0096e4) !important;

  font-family:
    Georgia,
    "Times New Roman",
    serif !important;

  font-size:
    3.5rem !important;

  font-weight:
    700 !important;

  line-height:
    0.75 !important;
}


/* =====================================================
   10 | ZITAT
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference__quote {
  box-sizing: border-box;

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

  margin:
    0
    0
    1.8rem !important;

  padding: 0 !important;

  color:
    #35455b !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(0.98rem, 1.04vw, 1.06rem) !important;

  font-weight:
    400 !important;

  line-height:
    1.62 !important;

  overflow-wrap:
    break-word !important;
}

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference__quote p {
  margin: 0 !important;
}


/* =====================================================
   11 | UNTERNEHMEN
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference__company {
  box-sizing: border-box;

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

  margin:
    auto
    0
    0.35rem !important;

  padding:
    1.1rem
    0
    0 !important;

  border-top:
    1px solid
    rgba(0, 64, 140, 0.1);

  color:
    var(--pyi-color-primary, #00408c) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    1rem !important;

  font-weight:
    700 !important;

  line-height:
    1.25 !important;

  overflow-wrap:
    break-word !important;
}

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference__company p {
  margin: 0 !important;
}


/* =====================================================
   12 | ZUSATZINFORMATION / META
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference__meta {
  box-sizing: border-box;

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

  margin: 0 !important;
  padding: 0 !important;

  color:
    #6a7789 !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    0.82rem !important;

  font-weight:
    500 !important;

  line-height:
    1.4 !important;

  overflow-wrap:
    break-word !important;
}

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference__meta p {
  margin: 0 !important;
}


/* Falls das Meta-Widget ein Logo enthält */

.elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference__meta img {
  display: block;

  width: auto;
  max-width: 9rem;
  max-height: 2rem;

  margin:
    0.25rem
    0
    0;

  object-fit: contain;
  object-position: left center;
}


/* =====================================================
   13 | TABLET
   ===================================================== */

@media (min-width: 768px) and (max-width: 1180px) {

  .elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__inner {
    width: min(
      calc(100% - 3rem),
      var(--pyi-content-width, 1200px)
    );

    padding:
      4.5rem
      0
      5rem;
  }

  .elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__grid {
    grid-template-columns:
      minmax(0, 1fr) !important;
  }

  .elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference {
    min-height:
      0;
  }
}


/* =====================================================
   14 | MOBIL
   ===================================================== */

@media (max-width: 767px) {

  .elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__inner {
    box-sizing: border-box !important;

    width: 100% !important;
    max-width: 100% !important;

    margin:
      0
      auto !important;

    padding:
      var(--pyi-section-space-mobile, 4rem)
      1.25rem
      4.5rem !important;
  }


  /* Intro */

  .elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__intro {
    width: 100% !important;
    max-width: 100% !important;

    margin-bottom:
      2.5rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__title,
  .elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__title
  .elementor-heading-title,
  .elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__intro-text {
    width: 100% !important;
    max-width: 100% !important;
  }


  /* Raster */

  .elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-references__grid {
    grid-template-columns:
      minmax(0, 1fr) !important;

    gap:
      1.25rem !important;
  }


  /* Karte */

  .elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference {
    min-height:
      0;

    padding:
      1.5rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-b91dfa4 .pyi-care-reference__quote {
    margin-bottom:
      1.5rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8102989 *//* =====================================================
   PROTECTYOURIT – BETREUUNG: ABSCHLUSS-CTA
   Vollständiger konsolidierter Austauschblock

   Ort:
   CTA-Outer
   → Erweitert
   → Individuelles CSS
   ===================================================== */


/* =====================================================
   01 | ABSCHNITTSFLÄCHE
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-8102989 {
  position: relative;
  isolation: isolate;

  box-sizing: border-box;

  width: 100%;
  max-width: 100%;
  min-width: 0;

  margin: 0;
  padding: 0;

  overflow: hidden;

  background:
    linear-gradient(
      110deg,
      #003a7a 0%,
      #0052a4 48%,
      #0079c8 100%
    );

  border-top:
    1px solid
    rgba(255, 255, 255, 0.12);

  border-bottom:
    1px solid
    rgba(0, 64, 140, 0.16);
}


/* =====================================================
   02 | DEZENTE LICHTFLÄCHEN
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-8102989::before {
  content: "";

  position: absolute;
  z-index: 0;

  left: -8rem;
  top: -10rem;

  width: 24rem;
  height: 24rem;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(255, 255, 255, 0.13),
      transparent 68%
    );

  pointer-events: none;
}

.elementor-36 .elementor-element.elementor-element-8102989::after {
  content: "";

  position: absolute;
  z-index: 0;

  right: -10rem;
  bottom: -12rem;

  width: 30rem;
  height: 30rem;

  border-radius: 50%;

  background:
    radial-gradient(
      circle,
      rgba(0, 150, 228, 0.2),
      transparent 68%
    );

  pointer-events: none;
}


/* =====================================================
   03 | INNERER BEREICH
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__inner {
  position: relative;
  z-index: 1;

  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    auto;

  align-items:
    center !important;

  box-sizing: border-box;

  width: min(
    calc(100% - 4rem),
    var(--pyi-content-width, 1200px)
  );

  max-width:
    var(--pyi-content-width, 1200px);

  min-width: 0;

  margin-inline: auto;

  padding:
    clamp(2.5rem, 3.7vw, 3.4rem)
    clamp(2rem, 3vw, 3rem);

  gap:
    clamp(2rem, 4vw, 4rem);
}


/* =====================================================
   04 | TEXTBEREICH
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  box-sizing: border-box;

  width: 100% !important;
  max-width: 48rem !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* =====================================================
   05 | H2
   Lokale helle CTA-Typografie
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__title {
  box-sizing: border-box;

  width: 100% !important;
  max-width: 48rem !important;
  min-width: 0 !important;

  margin:
    0
    0
    0.7rem !important;

  padding: 0 !important;
}

.elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__title
.elementor-heading-title {
  width: 100% !important;
  max-width: 48rem !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    #ffffff !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(1.7rem, 2.4vw, 2.35rem) !important;

  font-weight:
    700 !important;

  line-height:
    1.12 !important;

  letter-spacing:
    -0.025em !important;

  word-break:
    normal !important;

  overflow-wrap:
    break-word !important;

  -webkit-hyphens:
    manual !important;

  hyphens:
    manual !important;
}


/* =====================================================
   06 | TEXT
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__text {
  box-sizing: border-box;

  width: 100% !important;
  max-width: 43rem !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  color:
    rgba(255, 255, 255, 0.86) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(0.95rem, 1.02vw, 1.04rem) !important;

  font-weight:
    400 !important;

  line-height:
    1.55 !important;

  overflow-wrap:
    break-word !important;
}

.elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__text p {
  margin: 0 !important;
}


/* =====================================================
   07 | BUTTON-WIDGET
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__button {
  box-sizing: border-box;

  width:
    auto !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  justify-self:
    end !important;
}


/* =====================================================
   08 | BUTTON
   ===================================================== */

.elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__button
.elementor-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box;

  min-width:
    11.5rem;

  min-height:
    3.2rem;

  padding:
    1rem
    1.9rem !important;

  border:
    1px solid
    rgba(255, 255, 255, 0.18) !important;

  border-radius:
    var(--pyi-radius-pill, 999px) !important;

  background:
    var(--pyi-color-highlight, #ede500) !important;

  box-shadow:
    0 0.8rem 1.8rem
    rgba(0, 34, 86, 0.22) !important;

  color:
    var(--pyi-color-primary, #00408c) !important;

  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size:
    0.92rem !important;

  font-weight:
    700 !important;

  line-height:
    1 !important;

  text-align:
    center;

  text-decoration:
    none !important;

  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease !important;
}

@media (hover: hover) {

  .elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__button
  .elementor-button:hover {
    transform:
      translateY(-2px);

    background:
      #fff200 !important;

    border-color:
      rgba(255, 255, 255, 0.28) !important;

    box-shadow:
      0 1rem 2.1rem
      rgba(0, 34, 86, 0.28) !important;
  }
}

.elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__button
.elementor-button:focus-visible {
  outline:
    3px solid
    rgba(255, 255, 255, 0.8);

  outline-offset:
    3px;
}


/* =====================================================
   09 | TABLET
   ===================================================== */

@media (min-width: 768px) and (max-width: 1180px) {

  .elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__inner {
    width: min(
      calc(100% - 3rem),
      var(--pyi-content-width, 1200px)
    );

    grid-template-columns:
      minmax(0, 1fr)
      auto;

    padding:
      2.5rem
      2rem;

    gap:
      2rem;
  }

  .elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__content {
    max-width:
      40rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__title,
  .elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__title
  .elementor-heading-title {
    max-width:
      40rem !important;
  }

  .elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__button
  .elementor-button {
    min-width:
      10.5rem;
  }
}


/* =====================================================
   10 | MOBIL
   ===================================================== */

@media (max-width: 767px) {

  .elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__inner {
    grid-template-columns:
      minmax(0, 1fr);

    box-sizing:
      border-box !important;

    width:
      100% !important;

    max-width:
      100% !important;

    margin:
      0
      auto !important;

    padding:
      2.75rem
      1.25rem !important;

    gap:
      1.6rem;
  }

  .elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__content,
  .elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__title,
  .elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__title
  .elementor-heading-title,
  .elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__text {
    width:
      100% !important;

    max-width:
      100% !important;
  }

  .elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__title
  .elementor-heading-title {
    font-size:
      clamp(1.75rem, 8vw, 2.2rem) !important;
  }

  .elementor-36 .elementor-element.elementor-element-8102989 .pyi-care-cta__text {
    font-size:
      0/* End custom CSS */