.elementor-32 .elementor-element.elementor-element-dbdd4cb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-dbdd4cb:not(.elementor-motion-effects-element-type-background), .elementor-32 .elementor-element.elementor-element-dbdd4cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://protectyourit.eu/wp-content/uploads/2026/07/ChatGPT-Image-14.-Juli-2026-20_02_43.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-32 .elementor-element.elementor-element-41d5c6a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-b6b0429{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-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-32 .elementor-element.elementor-element-feecf3b{--display:flex;}.elementor-32 .elementor-element.elementor-element-13aa0a1{--display:flex;}.elementor-32 .elementor-element.elementor-element-d1daf08{--display:flex;}.elementor-32 .elementor-element.elementor-element-bdcba1c{--display:flex;}.elementor-32 .elementor-element.elementor-element-30f7221{--display:flex;}.elementor-32 .elementor-element.elementor-element-f5354e5{--display:flex;}.elementor-32 .elementor-element.elementor-element-e61d659{--display:flex;}.elementor-32 .elementor-element.elementor-element-fdc67b9 .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-344046f{--display:flex;}.elementor-32 .elementor-element.elementor-element-31fec45{--display:flex;}.elementor-32 .elementor-element.elementor-element-e373cb1 .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-2bb2012{--display:flex;}.elementor-32 .elementor-element.elementor-element-4dfa88c{--display:flex;}.elementor-32 .elementor-element.elementor-element-d86d076 .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-8b28efc{--display:flex;}.elementor-32 .elementor-element.elementor-element-2c5ffc8{--display:flex;}.elementor-32 .elementor-element.elementor-element-c6ebb9c .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-e74c407{--display:flex;}.elementor-32 .elementor-element.elementor-element-b55b11c{--display:flex;}.elementor-32 .elementor-element.elementor-element-50cf06d{--display:flex;}.elementor-32 .elementor-element.elementor-element-dd79a13{--display:flex;}.elementor-32 .elementor-element.elementor-element-e5fe9b2{--display:flex;}.elementor-32 .elementor-element.elementor-element-260aa72{--display:flex;}.elementor-32 .elementor-element.elementor-element-0cfaff0 .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-146e298{--display:flex;}.elementor-32 .elementor-element.elementor-element-9eeca85{--display:flex;}.elementor-32 .elementor-element.elementor-element-f34121b .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-32cb2c9{--display:flex;}.elementor-32 .elementor-element.elementor-element-0d4de69{--display:flex;}.elementor-32 .elementor-element.elementor-element-4445a47 .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-65edaf4{--display:flex;}.elementor-32 .elementor-element.elementor-element-0508506{--display:flex;}.elementor-32 .elementor-element.elementor-element-2019f16 .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-253e206{--display:flex;}.elementor-32 .elementor-element.elementor-element-2e5df97{--display:flex;}.elementor-32 .elementor-element.elementor-element-80ab134 .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-92db612{--display:flex;}.elementor-32 .elementor-element.elementor-element-5785e4b{--display:flex;}.elementor-32 .elementor-element.elementor-element-da29372 .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-de09993{--display:flex;}.elementor-32 .elementor-element.elementor-element-d7aa1e0{--display:flex;}.elementor-32 .elementor-element.elementor-element-dbb8bb6 .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-063648c{--display:flex;}.elementor-32 .elementor-element.elementor-element-9d188a3{--display:flex;}.elementor-32 .elementor-element.elementor-element-46e6e9c .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-c55a659{--display:flex;}.elementor-32 .elementor-element.elementor-element-9d3a49d{--display:flex;}.elementor-32 .elementor-element.elementor-element-bbca9ea{--display:flex;}.elementor-32 .elementor-element.elementor-element-5ae5eda{--display:flex;}.elementor-32 .elementor-element.elementor-element-fa8a46e{--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 );}.elementor-32 .elementor-element.elementor-element-6d1f44c{--display:flex;}.elementor-32 .elementor-element.elementor-element-cca1a75{--display:flex;}.elementor-32 .elementor-element.elementor-element-d2a30a9{--display:flex;}.elementor-32 .elementor-element.elementor-element-c4daee4{--display:flex;}.elementor-32 .elementor-element.elementor-element-0589582{--display:flex;}.elementor-32 .elementor-element.elementor-element-6f3c3a0{--display:flex;}.elementor-32 .elementor-element.elementor-element-cb3472c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32 .elementor-element.elementor-element-2689ada{--display:flex;}.elementor-32 .elementor-element.elementor-element-3ec65ce{--display:flex;}.elementor-32 .elementor-element.elementor-element-d149e1f{--display:flex;}.elementor-32 .elementor-element.elementor-element-cb5d034{--display:flex;}.elementor-32 .elementor-element.elementor-element-6abd351{--display:flex;}.elementor-32 .elementor-element.elementor-element-2941da8 .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-52e2ac2{--display:flex;}.elementor-32 .elementor-element.elementor-element-c443a28{--display:flex;}.elementor-32 .elementor-element.elementor-element-597e7ee .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-1797b29{--display:flex;}.elementor-32 .elementor-element.elementor-element-b7545b2{--display:flex;}.elementor-32 .elementor-element.elementor-element-a0e0d12 .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-67ab748{--display:flex;}.elementor-32 .elementor-element.elementor-element-2de2c51{--display:flex;}.elementor-32 .elementor-element.elementor-element-6502adb .elementor-icon-wrapper{text-align:center;}.elementor-32 .elementor-element.elementor-element-91a50c7{--display:flex;}.elementor-32 .elementor-element.elementor-element-21aba60{--display:flex;}.elementor-32 .elementor-element.elementor-element-b3355e9 .elementor-icon-wrapper{text-align:center;}:root{--page-title-display:none;}@media(max-width:1024px){.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 );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.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 );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-dbdd4cb *//* =====================================================
   PROTECTYOURIT – LEISTUNGEN HERO
   Vollständiger konsolidierter Austauschblock

   Ort:
   Leistungen
   → Hero-Outer-Container
   → Erweitert
   → Individuelles CSS

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


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

.elementor-32 .elementor-element.elementor-element-dbdd4cb {
  position: relative;
  isolation: isolate;

  box-sizing: border-box;

  width: 100%;
  min-height: clamp(35rem, 40vw, 39rem);

  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
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-dbdd4cb::before {
  content: "";

  position: absolute;
  z-index: 1;

  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(244, 249, 253, 1) 0%,
      rgba(244, 249, 253, 1) 27%,
      rgba(244, 249, 253, 0.99) 39%,
      rgba(246, 250, 253, 0.91) 49%,
      rgba(249, 252, 254, 0.66) 59%,
      rgba(255, 255, 255, 0.26) 70%,
      rgba(255, 255, 255, 0) 84%,
      rgba(255, 255, 255, 0) 100%
    );

  pointer-events: none;
}


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

.elementor-32 .elementor-element.elementor-element-dbdd4cb::after {
  content: "";

  position: absolute;
  z-index: 1;

  right: -14%;
  bottom: -52%;

  width: 46rem;
  height: 46rem;

  border-radius: 50%;

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

  pointer-events: none;
}


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

.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-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, 40vw, 39rem);

  margin-inline: auto;

  padding:
    clamp(4.5rem, 6vw, 6rem)
    0;

  gap: 0 !important;
}


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

.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__content {
  position: relative;

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

  box-sizing: border-box;

  width: min(100%, 43rem) !important;
  max-width: 43rem !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-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__label {
  width: auto !important;
  max-width: 100% !important;

  margin:
    0
    0
    1.35rem !important;
}


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

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

.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__title {
  box-sizing: border-box;

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

  margin:
    0
    0
    1.45rem !important;

  padding: 0 !important;
}

.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__title
.elementor-heading-title {
  width: 100% !important;
  max-width: 42rem !important;

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


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

.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__text {
  box-sizing: border-box;

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

  margin:
    0
    0
    2.1rem !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-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__text p {
  margin: 0 !important;
}


/* =====================================================
   09 | THEMENPUNKTE / CHIPS
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__points {
  box-sizing: border-box;

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

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

.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__points
.elementor-widget-container,
.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-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.55rem !important;
  row-gap: 0.8rem !important;

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

.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-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-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-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 | ALTEN VISUALBEREICH AUSBLENDEN
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__visual,
.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__tile,
.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__card,
.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__item,
.elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__center {
  display: none !important;
}


/* =====================================================
   11 | GROSSER DESKTOP
   ===================================================== */

@media (min-width: 1181px) {

  .elementor-32 .elementor-element.elementor-element-dbdd4cb {
    background-size:
      auto 110% !important;

    background-position:
      right 52% !important;
  }
}


/* =====================================================
   12 | TABLET
   ===================================================== */

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

  .elementor-32 .elementor-element.elementor-element-dbdd4cb {
    min-height: 36rem;

    background-size:
      auto 104% !important;

    background-position:
      70% center !important;
  }

  .elementor-32 .elementor-element.elementor-element-dbdd4cb::before {
    background:
      linear-gradient(
        90deg,
        rgba(244, 249, 253, 1) 0%,
        rgba(244, 249, 253, 1) 34%,
        rgba(244, 249, 253, 0.95) 46%,
        rgba(248, 251, 254, 0.73) 59%,
        rgba(255, 255, 255, 0.24) 73%,
        rgba(255, 255, 255, 0) 100%
      );
  }

  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__inner {
    width: min(
      calc(100% - 3rem),
      var(--pyi-content-width, 1200px)
    );

    min-height: 36rem;

    padding:
      4.5rem
      0;
  }

  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__content {
    width: min(100%, 34rem) !important;
    max-width: 34rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__title,
  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__title
  .elementor-heading-title {
    max-width: 34rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__text {
    max-width: 33rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__points
  .elementor-widget-container,
  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__points
  .elementor-text-editor {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
}


/* =====================================================
   13 | MOBIL
   ===================================================== */

@media (max-width: 767px) {

  .elementor-32 .elementor-element.elementor-element-dbdd4cb {
    min-height: 44rem;

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

    background-size:
      auto 48% !important;

    background-position:
      74% bottom !important;
  }

  .elementor-32 .elementor-element.elementor-element-dbdd4cb::before {
    background:
      linear-gradient(
        180deg,
        rgba(244, 249, 253, 1) 0%,
        rgba(244, 249, 253, 1) 49%,
        rgba(244, 249, 253, 0.95) 58%,
        rgba(247, 251, 254, 0.66) 72%,
        rgba(255, 255, 255, 0.08) 89%,
        rgba(255, 255, 255, 0) 100%
      );
  }

  .elementor-32 .elementor-element.elementor-element-dbdd4cb::after {
    right: -70%;
    bottom: -55%;

    width: 34rem;
    height: 34rem;
  }


  /* Innerer Bereich */

  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__inner {
    width: 100% !important;
    max-width: 100% !important;

    min-height: 44rem;

    margin: 0 auto !important;

    padding:
      3.5rem
      1.25rem
      17rem !important;

    justify-content:
      flex-start !important;
  }


  /* Inhalt */

  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__content {
    width: 100% !important;
    max-width: 100% !important;
  }


  /* Eyebrow */

  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__label {
    margin-bottom:
      1.1rem !important;
  }


  /* H1 – nur Layoutwerte */

  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__title {
    width: 100% !important;
    max-width: 100% !important;

    margin-bottom:
      1.2rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__title
  .elementor-heading-title {
    width: 100% !important;
    max-width: 100% !important;
  }


  /* Einführungstext */

  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__text {
    width: 100% !important;
    max-width: 100% !important;

    margin-bottom:
      1.75rem !important;

    font-size:
      1rem !important;

    line-height:
      1.58 !important;
  }


  /* Themenpunkte */

  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__points
  .elementor-widget-container,
  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__points
  .elementor-text-editor {
    flex-direction:
      column !important;

    align-items:
      flex-start !important;

    gap:
      0.8rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-dbdd4cb .pyi-services-hero__points p {
    white-space:
      normal !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-feecf3b *//* =====================================================
   PROTECTYOURIT – LEISTUNGEN: KOMPETENZBEREICHE
   Vollständiger konsolidierter Austauschblock

   Ort:
   Kompetenzbereiche-Outer
   → Erweitert
   → Individuelles CSS

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


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

.elementor-32 .elementor-element.elementor-element-feecf3b {
  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-32 .elementor-element.elementor-element-feecf3b .pyi-services-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, 8vw, 7.5rem);
}


/* =====================================================
   03 | INTRO-BEREICH
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__intro {
  display: grid !important;

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

  align-items: end !important;

  box-sizing: border-box;

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

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

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

  padding: 0 !important;
}


/* =====================================================
   04 | INTRO-ÜBERSCHRIFTENBEREICH
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__heading {
  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;

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


/* =====================================================
   05 | EYEBROW

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

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__label {
  width: auto !important;
  max-width: 100% !important;

  margin:
    0
    0
    1.2rem !important;
}


/* =====================================================
   06 | H2

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

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__title {
  box-sizing: border-box;

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

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

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__title
.elementor-heading-title {
  width: 100% !important;
  max-width: 42rem !important;

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


/* =====================================================
   07 | EINFÜHRUNGSTEXT
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__intro-text {
  box-sizing: border-box;

  justify-self: end;

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

  margin:
    0
    0
    0.15rem !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;

  overflow-wrap: break-word !important;
}

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__intro-text p {
  margin: 0 !important;
}


/* =====================================================
   08 | KARTENRASTER
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__grid {
  display: grid !important;

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

  align-items: stretch !important;

  box-sizing: border-box;

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

  gap:
    clamp(1rem, 1.7vw, 1.5rem) !important;

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


/* =====================================================
   09 | KARTENGRUNDFORM
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area {
  position: relative;

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

  box-sizing: border-box;

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

  margin: 0 !important;

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

  overflow: hidden;

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

  border-radius:
    1rem;

  background:
    linear-gradient(
      150deg,
      rgba(255, 255, 255, 0.98),
      rgba(241, 248, 253, 0.94)
    );

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

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

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area:hover {
  transform:
    translateY(-4px);

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

  box-shadow:
    0 1.5rem 3rem
    rgba(0, 64, 140, 0.11);
}


/* Direkte Kartenelemente begrenzen */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area >
.elementor-element,
.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area >
.e-con-inner {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
}


/* =====================================================
   10 | KARTENVARIANTEN
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area--privacy {
  background:
    linear-gradient(
      150deg,
      #ffffff 0%,
      #f2f8fd 100%
    );
}

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area--security {
  background:
    linear-gradient(
      150deg,
      #ffffff 0%,
      #f5f9fd 100%
    );
}

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area--standards {
  background:
    linear-gradient(
      150deg,
      #f3f9ff 0%,
      #ffffff 100%
    );
}


/* Gelbe Karte */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area--audit,
.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area--revision {
  border-color:
    rgba(237, 229, 0, 0.35);

  background:
    linear-gradient(
      150deg,
      #fffef1 0%,
      #fff9dc 100%
    );
}


/* =====================================================
   11 | KARTENKOPF
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__header {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;

  box-sizing: border-box;

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

  gap: 0.9rem;

  margin:
    0
    0
    1.25rem !important;

  padding: 0 !important;
}


/* =====================================================
   12 | ICON
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box;

  flex:
    0
    0
    2.8rem !important;

  width: 2.8rem !important;
  height: 2.8rem !important;

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

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

  border-radius: 50%;

  background:
    linear-gradient(
      145deg,
      var(--pyi-color-primary, #00408c),
      var(--pyi-color-secondary, #0096e4)
    );

  box-shadow:
    0 0.6rem 1.2rem
    rgba(0, 64, 140, 0.16);
}

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__icon
.elementor-icon {
  color:
    var(--pyi-color-white, #ffffff) !important;

  font-size:
    1.25rem !important;
}

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__icon svg {
  width:
    1.25rem !important;

  height:
    1.25rem !important;

  fill:
    var(--pyi-color-white, #ffffff) !important;
}


/* Icon der gelben Karte */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area--audit
.pyi-service-area__icon,
.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area--revision
.pyi-service-area__icon {
  background:
    linear-gradient(
      145deg,
      #f4d900,
      #ffc400
    );

  box-shadow:
    0 0.6rem 1.2rem
    rgba(237, 180, 0, 0.2);
}


/* =====================================================
   13 | KARTENTITEL
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__title {
  box-sizing: border-box;

  flex: 1 1 auto;

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

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

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-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.02rem, 1.15vw, 1.18rem) !important;

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

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

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


/* =====================================================
   14 | BESCHREIBUNG
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__text {
  box-sizing: border-box;

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

  margin:
    0
    0
    1.1rem !important;

  padding: 0 !important;

  color:
    #465367 !important;

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

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

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

  overflow-wrap: break-word !important;
}

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__text p {
  margin: 0 !important;
}


/* =====================================================
   15 | LEISTUNGSLISTE
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__list {
  box-sizing: border-box;

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

  margin:
    0
    0
    1.4rem !important;

  padding: 0 !important;
}

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__list ul {
  display: grid !important;

  gap:
    0.62rem !important;

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

  list-style: none !important;
}

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-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.82rem, 0.88vw, 0.92rem) !important;

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

  overflow-wrap: break-word !important;
}

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-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-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__list li::marker {
  content: none !important;
}


/* =====================================================
   16 | LINK
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__link {
  width: 100%;

  margin-top:
    auto !important;

  padding-top:
    0.75rem !important;
}

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__link a {
  display: inline-flex !important;
  align-items: center !important;

  gap: 0.45rem;

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

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

  font-size:
    0.9rem !important;

  font-weight:
    700 !important;

  line-height:
    1.2 !important;

  text-decoration:
    none !important;

  transition:
    gap 180ms ease,
    color 180ms ease;
}

.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__link a:hover,
.elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__link a:focus {
  gap: 0.7rem;

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


/* =====================================================
   17 | TABLET
   ===================================================== */

@media (max-width: 1180px) {

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

  .elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__intro {
    grid-template-columns:
      minmax(0, 1fr);

    align-items:
      start !important;

    gap:
      1.5rem;
  }

  .elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__intro-text {
    justify-self:
      start;

    max-width:
      44rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

  .elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area {
    min-height:
      29rem;
  }
}


/* =====================================================
   18 | MOBIL
   ===================================================== */

@media (max-width: 767px) {

  .elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__inner {
    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-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__intro {
    grid-template-columns:
      minmax(0, 1fr);

    gap:
      1.35rem;

    margin-bottom:
      2.4rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__heading,
  .elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__title,
  .elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__title
  .elementor-heading-title,
  .elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__intro-text {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__intro-text {
    justify-self:
      start;

    margin: 0 !important;

    font-size:
      1rem !important;

    line-height:
      1.6 !important;
  }


  /* Karten */

  .elementor-32 .elementor-element.elementor-element-feecf3b .pyi-services-areas__grid {
    grid-template-columns:
      minmax(0, 1fr) !important;

    gap:
      1.25rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area {
    min-height:
      0;

    padding:
      1.5rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-feecf3b .pyi-service-area__text {
    min-height:
      0;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e74c407 *//* =====================================================
   PROTECTYOURIT – LEISTUNGEN: TYPISCHE LEISTUNGEN
   Vollständiger konsolidierter Austauschblock

   Ort:
   Typische-Leistungen-Outer
   → Erweitert
   → Individuelles CSS

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


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

.elementor-32 .elementor-element.elementor-element-e74c407 {
  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 INHALTSBEREICH
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__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.5rem, 6vw, 6rem)
    0
    clamp(5rem, 7vw, 7rem);
}


/* =====================================================
   03 | INTRO-BEREICH
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__intro {
  display: grid !important;

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

  align-items: end !important;

  box-sizing: border-box;

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

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

  margin:
    0
    0
    clamp(2.4rem, 3.5vw, 3.25rem) !important;

  padding: 0 !important;
}


/* =====================================================
   04 | ÜBERSCHRIFTENBEREICH
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__heading {
  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;

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


/* =====================================================
   05 | EYEBROW

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

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__label {
  width: auto !important;
  max-width: 100% !important;

  margin:
    0
    0
    1.2rem !important;
}


/* =====================================================
   06 | H2

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

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__title {
  box-sizing: border-box;

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

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

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__title
.elementor-heading-title {
  width: 100% !important;
  max-width: 42rem !important;

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


/* =====================================================
   07 | EINFÜHRUNGSTEXT
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__intro-text {
  box-sizing: border-box;

  justify-self: end;

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

  margin:
    0
    0
    0.15rem !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;

  overflow-wrap: break-word !important;
}

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__intro-text p {
  margin: 0 !important;
}


/* =====================================================
   08 | KARTENRASTER
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__grid {
  display: grid !important;

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

  align-items: stretch !important;

  box-sizing: border-box;

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

  gap:
    clamp(1rem, 1.5vw, 1.35rem) !important;

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


/* =====================================================
   09 | EINZELNE KARTE
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service {
  position: relative;

  display: grid !important;

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

  align-items: start !important;

  box-sizing: border-box;

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

  gap: 1rem;

  margin: 0 !important;

  padding:
    clamp(1.25rem, 1.7vw, 1.55rem) !important;

  overflow: hidden;

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

  border-radius:
    0.85rem;

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

  box-shadow:
    0 0.65rem 1.8rem
    rgba(0, 64, 140, 0.045);

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

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service:hover {
  transform:
    translateY(-3px);

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

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

  box-shadow:
    0 1rem 2.3rem
    rgba(0, 64, 140, 0.08);
}


/* Direkte Elemente begrenzen */

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service >
.elementor-element,
.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service >
.e-con-inner {
  max-width: 100% !important;
  min-width: 0 !important;
}


/* =====================================================
   10 | ICON
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service__icon {
  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;

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

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

  border-radius:
    0.85rem;

  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, 1),
      rgba(224, 243, 253, 0.92)
    );

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

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service__icon
.elementor-icon {
  color:
    var(--pyi-color-primary, #00408c) !important;

  font-size:
    1.55rem !important;
}

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service__icon svg {
  width:
    1.55rem !important;

  height:
    1.55rem !important;

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


/* =====================================================
   11 | INHALTSBEREICH DER KARTE
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service__content {
  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;

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


/* Fallback, falls kein eigener Content-Container besteht */

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service__title,
.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service__text {
  min-width: 0 !important;
  max-width: 100% !important;
}


/* =====================================================
   12 | KARTENTITEL
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service__title {
  box-sizing: border-box;

  width: 100% !important;

  margin:
    0
    0
    0.55rem !important;

  padding: 0 !important;
}

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service__title
.elementor-heading-title {
  width: 100%;
  max-width: 100%;

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

  color:
    #0b2d5b !important;

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

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

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

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

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


/* =====================================================
   13 | KARTENTEXT
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service__text {
  box-sizing: border-box;

  width: 100% !important;

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

  color:
    #4a586c !important;

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

  font-size:
    clamp(0.84rem, 0.9vw, 0.92rem) !important;

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

  overflow-wrap: break-word !important;
}

.elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service__text p {
  margin: 0 !important;
}


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

@media (max-width: 1180px) {

  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__inner {
    width: min(
      calc(100% - 3rem),
      var(--pyi-content-width, 1200px)
    );
  }

  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__intro {
    grid-template-columns:
      minmax(0, 1fr);

    align-items:
      start !important;

    gap:
      1.5rem;
  }

  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__intro-text {
    justify-self:
      start;

    max-width:
      42rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service {
    min-height:
      10rem;
  }
}


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

@media (max-width: 767px) {

  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__inner {
    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-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__intro {
    grid-template-columns:
      minmax(0, 1fr);

    gap:
      1.35rem;

    margin-bottom:
      2.25rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__heading,
  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__title,
  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__title
  .elementor-heading-title,
  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__intro-text {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__intro-text {
    justify-self:
      start;

    margin: 0 !important;

    font-size:
      1rem !important;

    line-height:
      1.6 !important;
  }


  /* Raster */

  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-services__grid {
    grid-template-columns:
      minmax(0, 1fr) !important;

    gap:
      1rem !important;
  }


  /* Karte */

  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service {
    grid-template-columns:
      2.75rem
      minmax(0, 1fr);

    min-height:
      0;

    gap:
      0.9rem;

    padding:
      1.25rem !important;
  }


  /* Icon */

  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service__icon {
    width:
      2.75rem !important;

    height:
      2.75rem !important;

    min-width:
      2.75rem !important;

    min-height:
      2.75rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service__icon
  .elementor-icon {
    font-size:
      1.35rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-e74c407 .pyi-typical-service__icon svg {
    width:
      1.35rem !important;

    height:
      1.35rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9d3a49d *//* =========================================================
   LEISTUNGSDETAILS
   ========================================================= */

.elementor-32 .elementor-element.elementor-element-9d3a49d {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: visible;
  background: #ffffff;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-services-details__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail {
  display: block;
  width: min(calc(100% - 4rem), 1200px);
  max-width: 1200px;
  margin: 0 auto;
  padding: clamp(4.75rem, 6.5vw, 6.5rem) 0;
  scroll-margin-top: 7rem;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail + .pyi-service-detail {
  border-top: 1px solid rgba(0, 64, 140, 0.1);
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

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

  margin-right: auto;
  margin-left: auto;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__eyebrow,
.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__eyebrow .elementor-heading-title {
  margin: 0 0 1rem;
  color: #0096e4;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__title,
.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__title .elementor-heading-title {
  max-width: 48rem;
  margin: 0;
  color: #00408c;
  font-size: clamp(1.9rem, 3vw, 2.75rem);
  font-weight: 700;
  line-height: 1.08;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__intro {
  max-width: 48rem;
  margin-top: 1.5rem;
  color: #33445a;
  font-size: 1.08rem;
  line-height: 1.68;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__intro p {
  margin: 0;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__list {
  width: 100%;
  margin-top: 1.7rem;
  color: #25364c;
  font-size: 1rem;
  line-height: 1.42;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__list ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem 2,25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__list li {
  position: relative;
  margin: 0;
  padding-left: 1.65rem;
  line-height: 1.42;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__list li::before {
  content: "✓";
  position: absolute;
  top: 0.05rem;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background: #00408c;
  color: #ffffff;
  font-size: 0.68rem;
  font-weight: 700;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__button {
  margin-top: 2.2rem;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__button .elementor-button {
  min-height: 3.2rem;
  padding: 0.85rem 1.4rem;
  border-radius: 999px;
  background: #00408c;
  color: #ffffff;
  font-size: 0.98rem;
  font-weight: 700;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__button .elementor-button:hover {
  background: #0096e4;
}


/* Rechte Seitenkarte */

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__side-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 2rem;
  border: 1px solid rgba(0, 64, 140, 0.12);
  border-radius: 0.85rem;
  background: #f5f9ff;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__side-eyebrow,
.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__side-eyebrow .elementor-heading-title {
  margin: 0 0 0.8rem;
  color: #0096e4;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__side-title,
.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__side-title .elementor-heading-title {
  margin: 0;
  color: #00408c;
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1.2;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__side-text {
  margin-top: 1.2rem;
  color: #33445a;
  font-size: 0.98rem;
  line-height: 1.65;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__side-text p {
  margin: 0 0 1rem;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__side-text p:last-child {
  margin-bottom: 0rem;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__side-link {
  margin-top: 1.5rem;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__side-link a,
.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__side-link .elementor-button-text {
  color: #00408c;
  font-size: 0.92rem;
  font-weight: 700;
  text-decoration: none;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__side-link a:hover {
  color: #0096e4;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {
.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail {
  width: min(calc(100% - 3rem), 1200px);
}

  .elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__list ul {
    grid-template-columns: 1fr;
  }
}


/* =========================================================
   MOBIL
   ========================================================= */

@media (max-width: 767px) {
.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail {
  width: calc(100% - 2.5rem);
  padding-top: 4rem;
  padding-bottom: 4rem;
}

  .elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__title,
  .elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__title .elementor-heading-title {
    font-size: clamp(1.85rem, 8vw, 2.35rem);
    line-height: 1.12;
  }

  .elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__list ul {
    grid-template-columns: 1fr;
    gap: 0.55rem;
  }

  .elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__side-card {
    padding: 1.42rem;
  }

  .elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__button,
  .elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail__button .elementor-button {
    width: 100%;
  }
}

/* =========================================================
   LEISTUNGSDETAILS – SEITENKARTEN FARBVARIANTEN
   ========================================================= */

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail--privacy
.pyi-service-detail__side-card {
  background: #eef7ff;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail--security
.pyi-service-detail__side-card {
  background: #f2f6fb;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail--standards
.pyi-service-detail__side-card {
  background: #f5f7fa;
}

.elementor-32 .elementor-element.elementor-element-9d3a49d .pyi-service-detail--audit
.pyi-service-detail__side-card {
  background: #fffde8;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cb3472c *//* =====================================================
   ProtectYourIT – Arbeitsweise / Prozess
   ===================================================== */


/* =====================================================
   01 | Grundfläche
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-cb3472c {
  position: relative;
  width: 100%;
  overflow: hidden;

  background:
    radial-gradient(
      circle at 50% 100%,
      rgba(0, 150, 228, 0.07),
      transparent 38%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f7fbfe 100%
    );

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


/* =====================================================
   02 | Innerer Bereich
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__inner {
  box-sizing: border-box;

  width: min(
    calc(100% - (2 * var(--pyi-page-x, 5vw))),
    var(--pyi-width-wide, 1200px)
  );

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

  margin-inline: auto;

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


/* =====================================================
   03 | Intro
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__intro {
  width: 100% !important;

  margin: 0 0
    clamp(3rem, 4.5vw, 4.25rem)
    0 !important;

  padding: 0 !important;

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


/* =====================================================
   04 | Label
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__label {
  position: relative;

  width: auto !important;

  margin: 0 0 1.2rem 0 !important;
  padding: 0 0 0.65rem 0 !important;
}

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__label::after {
  content: "";

  position: absolute;
  left: 0;
  bottom: 0;

  width: 2.1rem;
  height: 3px;

  border-radius: 999px;

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

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__label,
.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__label * {
  font-family:
    var(--pyi-font, "Fira Sans", sans-serif) !important;

  font-size: 0.76rem !important;
  line-height: 1.2 !important;

  font-weight: 700 !important;
  letter-spacing: 0.04em !important;

  text-transform: uppercase !important;

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


/* =====================================================
   05 | Überschrift
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__title {
  width: 100% !important;

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

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__title
.elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

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

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

  line-height: 1.08 !important;

  font-weight: 700 !important;
  letter-spacing: -0.035em !important;

  color: #071f46 !important;
}


/* =====================================================
   06 | Prozessraster
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__steps {
  position: relative;

  width: 100% !important;

  display: grid !important;

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

  align-items: start !important;

  gap: clamp(1.25rem, 2.2vw, 2.25rem);
}


/* =====================================================
   07 | Verbindungslinie
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__steps::before {
  content: "";

  position: absolute;

  left: 7%;
  right: 7%;
  top: 2.3rem;

  height: 1px;

  background:
    repeating-linear-gradient(
      90deg,
      rgba(0, 64, 140, 0.28) 0,
      rgba(0, 64, 140, 0.28) 5px,
      transparent 5px,
      transparent 10px
    );

  pointer-events: none;
}


/* =====================================================
   08 | Einzelner Schritt
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step {
  position: relative;
  z-index: 1;

  min-width: 0 !important;

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

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

  text-align: center;
}


/* =====================================================
   09 | Schritt-Kopf
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__head {
  position: relative;

  width: 5.5rem !important;
  height: 5.5rem !important;

  margin: 0 0 1.25rem 0 !important;
  padding: 0 !important;

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


/* =====================================================
   10 | Nummer
   ===================================================== */

/* =====================================================
   Prozessnummer – größer und exakt zentriert
   ===================================================== */

/* =====================================================
   Prozessnummer – kleiner Badge, größere Zahl
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__number {
  position: absolute !important;
  left: -0.45rem !important;
  top: 0.35rem !important;
  z-index: 3 !important;

  width: 2.25rem !important;
  height: 2.25rem !important;
  min-width: 2.25rem !important;
  min-height: 2.25rem !important;
  max-width: 2.35rem !important;
  max-height: 2.35rem !important;

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

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

  border-radius: 50% !important;
  background: var(--pyi-blue-dark, #00408c) !important;

  box-shadow:
    0 0.45rem 0.95rem
    rgba(0, 64, 140, 0.20) !important;
}

/* Nur die inneren Elementor-Wrapper ausfüllen lassen */

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__number > .elementor-widget-container,
.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__number .elementor-heading-title,
.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__number p {
  width: 100% !important;
  height: 100% !important;

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

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

  font-family: var(--pyi-font, "Fira Sans", sans-serif) !important;
  font-size: 1.1rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;

  color: #ffffff !important;
  text-align: center !important;
}

/* =====================================================
   11 | Icon-Kreis
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__icon {
  width: 4.5rem !important;
  height: 4.5rem !important;

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

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

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

  border-radius: 50%;

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

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

  box-shadow:
    0 0.8rem 1.8rem
    rgba(0, 64, 140, 0.08);
}

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__icon
.elementor-icon {
  color:
    var(--pyi-blue-dark, #00408c) !important;

  font-size: 1.7rem !important;
}

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__icon svg {
  width: 1.7rem !important;
  height: 1.7rem !important;

  fill:
    var(--pyi-blue-dark, #00408c) !important;
}


/* =====================================================
   12 | Schritttitel
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__title {
  width: 100% !important;

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

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__title
.elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

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

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

  line-height: 1.2 !important;

  font-weight: 700 !important;

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


/* =====================================================
   13 | Schritttext
   ===================================================== */

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__text {
  width: 100% !important;
  max-width: 13.5rem !important;

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

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__text,
.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__text * {
  font-family:
    var(--pyi-font, "Fira Sans", sans-serif) !important;

  font-size:
    clamp(0.83rem, 0.9vw, 0.92rem) !important;

  line-height: 1.5 !important;

  color: #4b596c !important;
}

.elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__text p {
  margin: 0 !important;
}


/* =====================================================
   14 | Tablet
   ===================================================== */

@media (max-width: 1180px) {

  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__steps {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));

    row-gap: 3.5rem;
  }

  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__steps::before {
    display: none;
  }

  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step:nth-child(4) {
    grid-column: 1 / 2;
  }

  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step:nth-child(5) {
    grid-column: 2 / 3;
  }
}


/* =====================================================
   15 | Mobile
   ===================================================== */

@media (max-width: 767px) {

  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__inner {
    width: 86%;

    padding:
      4rem
      0
      4.75rem;
  }

  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__intro {
    margin-bottom: 2.75rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__title
  .elementor-heading-title {
    font-size:
      clamp(2rem, 9vw, 2.6rem) !important;
  }

  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process__steps {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 2rem;
  }

  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step,
  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step:nth-child(4),
  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step:nth-child(5) {
    grid-column: auto;

    display: grid !important;

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

    grid-template-rows:
      auto
      auto;

    align-items: center !important;

    column-gap: 1rem;

    text-align: left;
  }

  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__head {
    grid-column: 1;
    grid-row: 1 / 3;

    margin: 0 !important;
  }

  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__title {
    grid-column: 2;
    grid-row: 1;

    margin-bottom: 0.35rem !important;
  }

  .elementor-32 .elementor-element.elementor-element-cb3472c .pyi-process-step__text {
    grid-column: 2;
    grid-row: 2;

    max-width: 100% !important;
  }
}/* End custom CSS */