.elementor-6 .elementor-element.elementor-element-ddeb045{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-evenly;--align-items:flex-start;--overflow:hidden;--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-6 .elementor-element.elementor-element-ddeb045:not(.elementor-motion-effects-element-type-background), .elementor-6 .elementor-element.elementor-element-ddeb045 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://protectyourit.eu/wp-content/uploads/2026/07/ChatGPT-Image-14.-Juli-2026-19_49_17.jpg");background-position:center right;background-repeat:no-repeat;background-size:106% auto;}.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-6 .elementor-element.elementor-element-6560c47{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--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-6 .elementor-element.elementor-element-b1db108{--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-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-6 .elementor-element.elementor-element-ef7d747{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-3b46759{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 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-6 .elementor-element.elementor-element-38490b3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-cf03b8a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-6 .elementor-element.elementor-element-0696297{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-6 .elementor-element.elementor-element-fd05b26{--display:flex;--padding-top:3rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-6 .elementor-element.elementor-element-c0f7677{--display:flex;}.elementor-6 .elementor-element.elementor-element-76cfb4a{--display:flex;}.elementor-6 .elementor-element.elementor-element-e75ba33{--display:flex;}.elementor-6 .elementor-element.elementor-element-6bbf5a4{--display:flex;}.elementor-6 .elementor-element.elementor-element-dbe8fc8{--display:flex;}.elementor-6 .elementor-element.elementor-element-3e68165{--display:flex;}.elementor-6 .elementor-element.elementor-element-e33b2aa{--display:flex;}.elementor-6 .elementor-element.elementor-element-4ecc12b{--display:flex;}.elementor-6 .elementor-element.elementor-element-918f219{--display:flex;--overflow:hidden;--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-6 .elementor-element.elementor-element-7a7200b{--display:flex;}.elementor-6 .elementor-element.elementor-element-0a2e049{--display:flex;}.elementor-6 .elementor-element.elementor-element-178da3b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-6 .elementor-element.elementor-element-178da3b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6 .elementor-element.elementor-element-209145f{--display:flex;}.elementor-6 .elementor-element.elementor-element-0245641{text-align:start;}.elementor-6 .elementor-element.elementor-element-0245641 img{width:42%;border-radius:0.65rem 0.65rem 0.65rem 0.65rem;}.elementor-6 .elementor-element.elementor-element-478bbbb{--display:flex;}.elementor-6 .elementor-element.elementor-element-b7cd1b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6 .elementor-element.elementor-element-87022f3{--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;--justify-content:flex-start;}.elementor-6 .elementor-element.elementor-element-86776da .elementor-icon-wrapper{text-align:center;}.elementor-6 .elementor-element.elementor-element-726bf4c{--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;--justify-content:flex-start;}.elementor-6 .elementor-element.elementor-element-b56a881 .elementor-icon-wrapper{text-align:center;}.elementor-6 .elementor-element.elementor-element-631e5e2{--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;--justify-content:flex-start;}.elementor-6 .elementor-element.elementor-element-81eff15 .elementor-icon-wrapper{text-align:center;}.elementor-6 .elementor-element.elementor-element-9b63b4e{--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;--justify-content:flex-start;}.elementor-6 .elementor-element.elementor-element-9a8a0da .elementor-icon-wrapper{text-align:center;}.elementor-6 .elementor-element.elementor-element-5b218b5{--display:flex;}.elementor-6 .elementor-element.elementor-element-812c175{--display:flex;}.elementor-6 .elementor-element.elementor-element-c861e73{--display:flex;}.elementor-6 .elementor-element.elementor-element-0b89fac{--display:flex;}.elementor-6 .elementor-element.elementor-element-d07f9eb{--display:flex;}.elementor-6 .elementor-element.elementor-element-b643f7d{--display:flex;}.elementor-6 .elementor-element.elementor-element-dc2099d{--display:flex;}.elementor-6 .elementor-element.elementor-element-f030d45{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-6 .elementor-element.elementor-element-178da3b{--width:84.207%;}.elementor-6 .elementor-element.elementor-element-478bbbb{--width:58%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{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-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{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-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-6 .elementor-element.elementor-element-178da3b{--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}}/* Start custom CSS for button, class: .elementor-element-7bc3b99 */.pyi-button-primary .elementor-button {
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 650;
  line-height: 1;
  color: #ffffff;
  background: #00408c;
  border: 1px solid #00408c;
  border-radius: 999rem;
  padding: 1rem 1.35rem;
}

.pyi-button-primary .elementor-button:hover {
  color: #ffffff;
  background: #0096e4;
  border-color: #0096e4;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-94c5471 */.pyi-button-secondary .elementor-button {
  font-size: clamp(0.95rem, 1vw, 1.05rem);
  font-weight: 650;
  line-height: 1;
  color: #00408c;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(0, 64, 140, 0.28);
  border-radius: 999rem;
  padding: 1rem 1.35rem;
}

.pyi-button-secondary .elementor-button:hover {
  color: #00408c;
  background: #ffffff;
  border-color: #00408c;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ddeb045 *//* =====================================================
   PROTECTYOURIT – HOME HERO
   Vollständiger bereinigter Austauschblock

   Ort:
   Hero-Outer
   → Erweitert
   → Individuelles CSS

   H1-Typografie:
   global über:
   pyi-page-title
   pyi-page-title--home
   ===================================================== */


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

.elementor-6 .elementor-element.elementor-element-ddeb045 {
  position: relative;
  isolation: isolate;

  display: flex;
  align-items: center;

  width: 100%;
  min-height: calc(100svh - 4.5rem);

  margin: 0;

  padding:
    clamp(3.5rem, 5.5vw, 5.75rem)
    var(--pyi-page-x, 5vw);

  overflow: hidden;

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

  background-repeat:
    no-repeat !important;

  background-position:
    right center !important;

  background-size:
    cover !important;
}


/* =====================================================
   02 | VERLAUF ÜBER DEM HINTERGRUNDBILD
   Textfläche links, Motiv rechts
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-ddeb045::before {
  content: "";

  position: absolute;
  z-index: 1;

  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(244, 249, 253, 1) 0%,
      rgba(244, 249, 253, 1) 38%,
      rgba(244, 249, 253, 0.98) 48%,
      rgba(244, 249, 253, 0.87) 58%,
      rgba(244, 249, 253, 0.58) 69%,
      rgba(244, 249, 253, 0.22) 82%,
      rgba(244, 249, 253, 0) 100%
    );

  pointer-events: none;
}


/* Dezenter Lichtakzent */

.elementor-6 .elementor-element.elementor-element-ddeb045::after {
  content: "";

  position: absolute;
  z-index: 1;

  right: -12rem;
  bottom: -18rem;

  width: 38rem;
  height: 38rem;

  border-radius: 50%;

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

  pointer-events: none;
}


/* =====================================================
   03 | INNERER HERO-CONTAINER
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__inner {
  position: relative;
  z-index: 2;

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

  width: 100%;
  max-width: 82rem;

  margin-inline: auto;
}


/* =====================================================
   04 | INHALTSBEREICH
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

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

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


/* Eyebrow im Hero ausblenden */

.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-eyebrow {
  display: none !important;
}


/* =====================================================
   05 | HAUPTÜBERSCHRIFT

   Typografie kommt global aus:
   pyi-page-title
   pyi-page-title--home

   Hier bleiben ausschließlich lokale Layoutwerte.
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__headline {
  width: 100% !important;
  max-width: 40rem !important;

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

.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__headline
.elementor-heading-title {
  width: 100% !important;
  max-width: 40rem !important;

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


/* =====================================================
   06 | CLAIM
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__claim {
  width: 100% !important;
  max-width: 39rem !important;

  margin:
    clamp(1.1rem, 1.7vw, 1.5rem)
    0
    0 !important;

  padding: 0 !important;
}

.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__claim
.elementor-heading-title {
  width: 100% !important;
  max-width: 39rem !important;

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

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

  font-size:
    clamp(1.15rem, 1.25vw, 1.45rem) !important;

  font-weight: 600 !important;
  line-height: 1.24 !important;

  letter-spacing: -0.02em !important;

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

  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}


/* =====================================================
   07 | LEADTEXT
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__lead {
  max-width: 38rem !important;

  margin:
    clamp(1.2rem, 1.7vw, 1.55rem)
    0
    0 !important;

  padding: 0 !important;

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

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

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

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

.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__lead p {
  margin: 0 !important;
}


/* =====================================================
   08 | THEMENZEILE
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__topics {
  max-width: 39rem !important;

  margin:
    clamp(1rem, 1.5vw, 1.3rem)
    0
    0 !important;

  padding: 0 !important;

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

  font-size:
    clamp(0.78rem, 0.8vw, 0.9rem) !important;

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

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

.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__topics p {
  margin: 0 !important;
}


/* =====================================================
   09 | BUTTON-ZEILE
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;

  gap:
    clamp(0.75rem, 1.2vw, 1rem);

  width: 100% !important;

  margin:
    clamp(1.35rem, 2vw, 1.8rem)
    0
    0 !important;

  padding: 0 !important;
}


/* =====================================================
   10 | ALTEN VISUAL- UND KACHELBEREICH AUSBLENDEN
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__visual,
.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero-tiles-widget,
.elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-tiles {
  display: none !important;
}


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

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

  .elementor-6 .elementor-element.elementor-element-ddeb045 {
    min-height: 42rem;

    padding:
      clamp(4rem, 7vw, 5rem)
      var(--pyi-page-x, 5vw);

    background-position:
      68% center !important;

    background-size:
      auto 105% !important;
  }


  /* Verlauf */

  .elementor-6 .elementor-element.elementor-element-ddeb045::before {
    background:
      linear-gradient(
        90deg,
        rgba(244, 249, 253, 1) 0%,
        rgba(244, 249, 253, 1) 45%,
        rgba(244, 249, 253, 0.98) 55%,
        rgba(244, 249, 253, 0.86) 66%,
        rgba(244, 249, 253, 0.54) 78%,
        rgba(244, 249, 253, 0.15) 92%,
        rgba(244, 249, 253, 0) 100%
      );
  }


  /* Innencontainer */

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__inner {
    align-items: flex-start !important;
  }


  /* Inhalt */

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__content {
    width: min(100%, 37rem) !important;
    max-width: 37rem !important;
  }


  /* H1 – nur lokale Breite */

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__headline,
  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__headline
  .elementor-heading-title {
    max-width: 37rem !important;
  }


  /* Claim */

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__claim,
  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__claim
  .elementor-heading-title {
    max-width: 35rem !important;
  }

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__claim
  .elementor-heading-title {
    font-size:
      clamp(1.15rem, 2.2vw, 1.4rem) !important;

    line-height: 1.22 !important;
  }


  /* Lead und Themen */

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__lead,
  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__topics {
    max-width: 35rem !important;
  }
}


/* =====================================================
   12 | MOBIL
   Motiv läuft über die gesamte Hero-Höhe.
   ===================================================== */

@media (max-width: 767px) {

  .elementor-6 .elementor-element.elementor-element-ddeb045 {
    display: block;

    min-height: 0 !important;

    padding:
      2.5rem
      7%
      3.25rem !important;

    background-size:
      auto 100% !important;

    background-position:
      68% center !important;

    background-repeat:
      no-repeat !important;
  }


  /* Horizontaler Verlauf */

  .elementor-6 .elementor-element.elementor-element-ddeb045::before {
    background:
      linear-gradient(
        90deg,
        rgba(244, 249, 253, 1) 0%,
        rgba(244, 249, 253, 1) 54%,
        rgba(244, 249, 253, 0.99) 60%,
        rgba(244, 249, 253, 0.94) 68%,
        rgba(244, 249, 253, 0.76) 78%,
        rgba(244, 249, 253, 0.46) 88%,
        rgba(244, 249, 253, 0.14) 96%,
        rgba(244, 249, 253, 0) 100%
      ) !important;
  }

  .elementor-6 .elementor-element.elementor-element-ddeb045::after {
    display: none !important;
  }


  /* Innerer Container */

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__inner {
    display: block !important;

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

    margin: 0 !important;
  }


  /* Inhalt */

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__content {
    width: 100% !important;
    max-width: 100% !important;

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


  /* H1 – nur lokale Breite */

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__headline,
  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__headline
  .elementor-heading-title {
    width: 100% !important;
    max-width: 100% !important;
  }


  /* Claim */

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__claim {
    max-width: 94% !important;

    margin-top: 1.2rem !important;
  }

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__claim
  .elementor-heading-title {
    max-width: 100% !important;

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

    line-height: 1.25 !important;
    letter-spacing: -0.015em !important;
  }


  /* Leadtext */

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__lead {
    max-width: 94% !important;

    margin-top: 1.35rem !important;

    font-size:
      clamp(1rem, 4.15vw, 1.1rem) !important;

    line-height: 1.55 !important;
  }


  /* Themenzeile */

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__topics {
    max-width: 94% !important;

    margin-top: 1.15rem !important;

    font-size:
      clamp(0.82rem, 3.65vw, 0.93rem) !important;

    line-height: 1.5 !important;
  }


  /* Buttons */

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__actions {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    gap: 0.85rem !important;

    margin-top: 1.6rem !important;
  }

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-button-primary,
  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-button-secondary {
    width: 100% !important;
  }

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-button-primary
  .elementor-button,
  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-button-secondary
  .elementor-button {
    width: 100% !important;

    text-align: center !important;
  }


  /* Alte Visualelemente sicher ausblenden */

  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero__visual,
  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-hero-tiles-widget,
  .elementor-6 .elementor-element.elementor-element-ddeb045 .pyi-tiles {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0f7677 *//* =====================================================
   ProtectYourIT – Kompetenzbereiche
   Ort: Kompetenz Outer Container → Erweitert → Custom CSS
   ===================================================== */


/* =====================================================
   01 | Abschnittsfläche
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-c0f7677 {
  position: relative;
  padding: clamp(4.75rem, 7vw, 7.25rem) var(--pyi-page-x);
  background:
    radial-gradient(circle at 85% 12%, rgba(0, 150, 228, 0.08), transparent 28%),
    linear-gradient(180deg, var(--pyi-bg-light) 0%, #ffffff 100%);
  overflow: hidden;
}


/* =====================================================
   02 | Innerer Container
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence__inner {
  width: 100%;
  max-width: var(--pyi-width-wide);
  margin-inline: auto;
}


/* =====================================================
   03 | Head-Bereich
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence__head {
  max-width: 52rem;
  margin-bottom: clamp(2.5rem, 4vw, 4rem);
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence__headline .elementor-heading-title {
  margin: 0 !important;
  font-family: var(--pyi-font) !important;
  font-size: clamp(2.15rem, 3.2vw, 3.35rem) !important;
  line-height: 1.08 !important;
  font-weight: 700 !important;
  letter-spacing: -0.045em !important;
  color: var(--pyi-text) !important;
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence__lead,
.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence__lead * {
  margin-top: clamp(1.1rem, 1.8vw, 1.5rem) !important;
  max-width: 48rem;
  font-family: var(--pyi-font) !important;
  font-size: clamp(1.05rem, 1.15vw, 1.22rem) !important;
  line-height: 1.62 !important;
  font-weight: 400 !important;
  color: var(--pyi-text-soft) !important;
}


/* =====================================================
   04 | Karten-Grid
   Desktop: vier gleichwertige Karten im 2×2-Raster
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: stretch !important;
  gap: clamp(1.25rem, 2vw, 2rem);
  width: 100%;
}

/* =====================================================
   05 | Karten-Grundstil
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card {
  position: relative;
  min-width: 0;
  min-height: clamp(20rem, 23vw, 24rem);
  padding: clamp(1.75rem, 2.6vw, 2.5rem);
  border-radius: var(--pyi-radius-lg);
  border: 1px solid rgba(0, 64, 140, 0.12);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 1.25rem 3rem rgba(16, 24, 32, 0.06);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card::before {
  content: "";
  position: absolute;
  inset: auto -20% -35% auto;
  width: 18rem;
  height: 18rem;
  border-radius: 50%;
  background: rgba(0, 150, 228, 0.09);
  pointer-events: none;
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card:hover {
  border-color: rgba(0, 150, 228, 0.32);
}


/* =====================================================
   08 | Kartentypografie
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card__title .elementor-heading-title {
  margin: 0 !important;
  font-family: var(--pyi-font) !important;
  font-size: clamp(1.65rem, 2vw, 2.15rem) !important;
  line-height: 1.12 !important;
  font-weight: 700 !important;
  letter-spacing: -0.035em !important;
  color: var(--pyi-text) !important;
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card__text,
.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card__text * {
  margin-top: clamp(1rem, 1.5vw, 1.25rem) !important;
  font-family: var(--pyi-font) !important;
  font-size: clamp(1rem, 1.05vw, 1.1rem) !important;
  line-height: 1.58 !important;
  font-weight: 400 !important;
  color: var(--pyi-text-soft) !important;
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card--blue .pyi-competence-card__text,
.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card--blue .pyi-competence-card__text * {
  color: rgba(255, 255, 255, 0.88) !important;
}


/* =====================================================
   09 | Listen / Chips in den Karten
   Wichtig: Liste als HTML-Widget mit <ul><li>...</li></ul>
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card__list {
  margin-top: clamp(1.35rem, 2vw, 1.75rem) !important;
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card__list ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  gap: 0.55rem !important;
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card__list li {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 0.55rem 0.75rem !important;
  border-radius: var(--pyi-radius-pill) !important;
  background: var(--pyi-bg-light) !important;
  border: 1px solid rgba(0, 64, 140, 0.12) !important;
  font-family: var(--pyi-font) !important;
  font-size: 0.86rem !important;
  line-height: 1.15 !important;
  font-weight: 600 !important;
  color: var(--pyi-blue-dark) !important;
  white-space: nowrap !important;
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card--blue .pyi-competence-card__list li {
  background: rgba(255, 255, 255, 0.13) !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  color: #ffffff !important;
}
/* =====================================================
   09a | Listenposition in der breiten Karte
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card--wide .pyi-competence-card__list {
  margin-top: clamp(1.5rem, 2vw, 2rem) !important;
}


/* =====================================================
   10 | Karten-Link
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card__link,
.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card__link * {
  margin-top: clamp(1.5rem, 2.4vw, 2rem) !important;
  font-family: var(--pyi-font) !important;
  font-size: 0.95rem !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  color: var(--pyi-blue-dark) !important;
  text-decoration: none !important;
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card__link a {
  color: inherit !important;
  text-decoration: none !important;
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card__link a::after {
  content: " →";
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card--blue .pyi-competence-card__link,
.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card--blue .pyi-competence-card__link * {
  color: #ffffff !important;
}


/* =====================================================
   11 | Tablet
   ===================================================== */

@media (max-width: 1024px) {
  .elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }

  .elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card {
    min-height: 21rem;
  }
}


@media (max-width: 767px) {
  .elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence__grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  .elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence__head {
    margin-bottom: 2rem;
  }

  .elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card {
    min-height: auto;
    padding: 1.5rem;
    border-radius: 1.35rem;
  }
}

/* =====================================================
   Kartenfarben – vier gleichwertige Kompetenzfelder
   ===================================================== */

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card--privacy {
  background:
    linear-gradient(
      145deg,
      #eef7ff 0%,
      #ffffff 100%
    );
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card--security {
  background:
    linear-gradient(
      145deg,
      #f2f6fb 0%,
      #ffffff 100%
    );
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card--standards {
  background:
    linear-gradient(
      145deg,
      #e7f0f8 0%,
      #f7fbfe 100%
    );

  border-color: rgba(0, 64, 140, 0.18);
}

.elementor-6 .elementor-element.elementor-element-c0f7677 .pyi-competence-card--revision {
  background:
    linear-gradient(
      145deg,
      #fffde8 0%,
      #ffffff 100%
    );

  border-color: rgba(237, 229, 0, 0.28);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-918f219 *//* =========================================================
   PROTECTYOURIT – PARTNER-ABSCHNITT
   Vollständiger konsolidierter Austauschblock
   ========================================================= */


/* ---------------------------------------------------------
   01 | Gesamter Abschnitt
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 {
  position: relative;

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

  margin: 0 !important;

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

  overflow: hidden;

  background:
    radial-gradient(
      circle at 82% 28%,
      rgba(0, 150, 228, 0.08),
      transparent 34%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #f5faff 100%
    );

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

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   02 | Innerer Inhaltsbereich
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__inner {
  width: calc(100% - 8vw) !important;
  max-width: 1200px !important;

  margin: 0 auto !important;

  padding:
    clamp(5rem, 7vw, 7rem)
    0
    0 !important;

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

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

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   03 | Intro
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__intro {
  width: 100% !important;
  max-width: 56rem !important;

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

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

  text-align: center;

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   04 | Label
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__label {
  position: relative;

  width: auto !important;

  margin:
    0
    0
    1.2rem !important;

  padding:
    0
    0
    0.8rem !important;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__label::after {
  content: "";

  position: absolute;

  left: 50%;
  bottom: 0;

  width: 2.2rem;
  height: 3px;

  border-radius: 999px;

  background: #ede500;

  transform: translateX(-50%);
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__label,
.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__label * {
  font-family:
    "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: #00408c !important;
}


/* ---------------------------------------------------------
   05 | Überschrift
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__title {
  width: 100% !important;

  margin:
    0
    0
    1.1rem !important;

  padding: 0 !important;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Fira Sans",
    sans-serif !important;

  font-size:
    clamp(2.2rem, 3.2vw, 3.35rem) !important;

  line-height: 1.06 !important;

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

  color: #071f46 !important;
}


/* ---------------------------------------------------------
   06 | Einleitungstext
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__intro-text {
  width: 100% !important;
  max-width: 48rem !important;

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

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__intro-text,
.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__intro-text * {
  font-family:
    "Fira Sans",
    sans-serif !important;

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

  line-height: 1.6 !important;

  color: #455368 !important;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__intro-text p {
  margin: 0 !important;
}


/* ---------------------------------------------------------
   07 | Hauptbereich
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__main {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

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

  display: grid !important;

  grid-template-columns:
    minmax(0, 44%)
    minmax(0, 56%);

  align-items: stretch !important;

  gap:
    clamp(2rem, 3vw, 3rem);

  box-sizing: border-box;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__main > * {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   08 | Bildcontainer
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__visual {
  position: relative;

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

  min-height:
    clamp(28rem, 34vw, 34rem);

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

  overflow: hidden !important;

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

  border-radius: 0.65rem;

  background: #eef7fc;

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

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   09 | Bild
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__image {
  position: absolute !important;

  inset: 0 !important;

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

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

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__image .elementor-widget-container {
  width: 100% !important;
  height: 100% !important;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__image img {
  display: block !important;

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

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


/* ---------------------------------------------------------
   10 | Rechter Inhaltsbereich
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__content {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

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

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

  gap:
    clamp(1.5rem, 2vw, 2rem);

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   11 | Vorteile
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__benefits {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

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

  display: grid !important;

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

  align-items: start !important;

  gap:
    clamp(0.85rem, 1.25vw, 1.15rem);

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   12 | Einzelner Vorteil
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

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

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

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   13 | Vorteil-Icon
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit__icon {
  width: 2.65rem !important;
  height: 2.65rem !important;

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

  margin:
    0
    0
    0.85rem !important;

  padding: 0 !important;

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

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

  border-radius: 50%;

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

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit__icon .elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 1.08rem !important;

  color: #00408c !important;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit__icon svg {
  width: 1.08rem !important;
  height: 1.08rem !important;

  fill: #00408c !important;
}


/* ---------------------------------------------------------
   14 | Vorteil-Titel
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit__title {
  width: 100% !important;
  max-width: 100% !important;

  margin:
    0
    0
    0.4rem !important;

  padding: 0 !important;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit__title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Fira Sans",
    sans-serif !important;

  font-size:
    clamp(0.88rem, 0.95vw, 1rem) !important;

  line-height: 1.24 !important;

  font-weight: 700 !important;

  color: #00408c !important;

  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}


/* ---------------------------------------------------------
   15 | Vorteil-Text
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit__text {
  width: 100% !important;
  max-width: 100% !important;

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

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit__text,
.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit__text * {
  font-family:
    "Fira Sans",
    sans-serif !important;

  font-size:
    clamp(0.78rem, 0.82vw, 0.87rem) !important;

  line-height: 1.48 !important;

  color: #4b596c !important;

  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit__text p {
  margin: 0 !important;
}


/* ---------------------------------------------------------
   16 | Kontaktkarte
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact {
  position: relative;

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

  margin: 0 !important;

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

  display: grid !important;

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

  align-items: center !important;

  column-gap:
    clamp(1.5rem, 2.5vw, 2.5rem);

  row-gap: 0.75rem;

  overflow: hidden;

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

  border-radius: 0.65rem;

  background:
    linear-gradient(
      110deg,
      #064c9d 0%,
      #0878bd 100%
    );

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

  box-sizing: border-box;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact::after {
  content: "";

  position: absolute;

  right: -5rem;
  bottom: -7rem;

  width: 17rem;
  height: 17rem;

  border-radius: 50%;

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

  pointer-events: none;
}


/* ---------------------------------------------------------
   17 | Kontaktüberschrift
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-title {
  position: relative;
  z-index: 1;

  grid-column: 1;

  width: 100% !important;

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

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Fira Sans",
    sans-serif !important;

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

  line-height: 1.18 !important;

  font-weight: 700 !important;

  color: #ffffff !important;
}


/* ---------------------------------------------------------
   18 | Kontakttext
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-text {
  position: relative;
  z-index: 1;

  grid-column: 1;

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

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

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-text,
.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-text * {
  font-family:
    "Fira Sans",
    sans-serif !important;

  font-size: 0.9rem !important;
  line-height: 1.5 !important;

  color:
    rgba(255, 255, 255, 0.84) !important;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-text p {
  margin: 0 !important;
}


/* ---------------------------------------------------------
   19 | Kontaktliste
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-list {
  position: relative;
  z-index: 1;

  grid-column: 1;

  width: 100% !important;

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

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-list ul {
  display: flex !important;
  flex-wrap: wrap !important;

  gap:
    0.65rem
    1.3rem;

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

  list-style: none !important;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-list li {
  position: relative;

  margin: 0 !important;

  padding:
    0
    0
    0
    1.35rem !important;

  list-style: none !important;

  font-family:
    "Fira Sans",
    sans-serif !important;

  font-size: 0.82rem !important;
  line-height: 1.35 !important;

  font-weight: 500 !important;

  color: #ffffff !important;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-list li::before {
  content: "✓";

  position: absolute;

  left: 0;
  top: 0.05rem;

  width: 0.95rem;
  height: 0.95rem;

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

  border-radius: 50%;

  background: #0096e4;

  font-size: 0.55rem;
  font-weight: 700;

  color: #ffffff;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-list li::marker {
  content: none !important;
}


/* ---------------------------------------------------------
   20 | Button
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__button {
  position: relative;
  z-index: 1;

  grid-column: 2;
  grid-row: 1 / 4;

  width: auto !important;

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

  justify-self: end !important;
}

.elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__button .elementor-button {
  min-width: 11rem;

  padding:
    0.95rem
    1.5rem !important;

  border: 0 !important;
  border-radius: 999px !important;

  background: #ede500 !important;

  font-family:
    "Fira Sans",
    sans-serif !important;

  font-size: 0.88rem !important;
  line-height: 1 !important;

  font-weight: 700 !important;

  color: #00408c !important;

  box-shadow:
    0 0.8rem 1.8rem
    rgba(0, 27, 70, 0.2) !important;
}


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

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

  .elementor-6 .elementor-element.elementor-element-918f219 {
    margin: 0 !important;

    padding-bottom:
      clamp(4.5rem, 7vw, 6rem);
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__inner {
    width:
      calc(100% - 6vw) !important;

    padding-top: 5rem !important;

    gap: 4rem;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__main {
    grid-template-columns:
      minmax(0, 42%)
      minmax(0, 58%);

    gap: 2rem;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__benefits {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 1.25rem;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact {
    grid-template-columns:
      minmax(0, 1fr);
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__button {
    grid-column: 1;
    grid-row: auto;

    justify-self: start !important;
  }
}


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

@media (max-width: 767px) {

  .elementor-6 .elementor-element.elementor-element-918f219 {
    margin: 0 !important;

    padding-bottom: 5rem;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__inner {
    width: 86% !important;

    padding-top: 4rem !important;

    gap: 3rem;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__intro {
    align-items: flex-start !important;

    text-align: left;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__label::after {
    left: 0;

    transform: none;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__title .elementor-heading-title {
    font-size:
      clamp(2rem, 9vw, 2.65rem) !important;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__main {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 1.75rem;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__visual {
    min-height: 23rem;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__benefits {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 1.25rem;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit {
    display: grid !important;

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

    grid-template-areas:
      "icon title"
      "icon text";

    column-gap: 1rem;
    row-gap: 0.3rem;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit__icon {
    grid-area: icon;

    margin: 0 !important;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit__title {
    grid-area: title;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner-benefit__text {
    grid-area: text;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact {
    grid-template-columns:
      minmax(0, 1fr);

    padding: 1.5rem !important;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-title,
  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-text,
  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-list,
  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__button {
    grid-column: 1;
    grid-row: auto;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__contact-list ul {
    flex-direction: column !important;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__button {
    justify-self: stretch !important;
  }

  .elementor-6 .elementor-element.elementor-element-918f219 .pyi-partner__button .elementor-button {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-812c175 *//* =========================================================
   PROTECTYOURIT – SUBTILE REFERENZEN
   ========================================================= */


/* ---------------------------------------------------------
   01 | Gesamter Abschnitt
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-812c175 {
  position: relative;

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

  margin: 0 !important;

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

  overflow: hidden;

  background: #ffffff;

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   02 | Innerer Bereich
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__inner {
  width: calc(100% - 8vw) !important;
  max-width: 1200px !important;

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

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

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

  box-sizing: border-box;
}


/* ---------------------------------------------------------
   03 | Intro
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__intro {
  width: 100% !important;
  max-width: 47rem !important;

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

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

  text-align: center;
}


/* ---------------------------------------------------------
   04 | Label
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__label {
  position: relative;

  width: auto !important;

  margin:
    0
    0
    1.1rem !important;

  padding:
    0
    0
    0.7rem !important;
}

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__label::after {
  content: "";

  position: absolute;

  left: 50%;
  bottom: 0;

  width: 2rem;
  height: 3px;

  border-radius: 999px;

  background: #ede500;

  transform: translateX(-50%);
}

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__label,
.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__label * {
  font-family:
    "Fira Sans",
    sans-serif !important;

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

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

  text-transform: uppercase !important;

  color: #00408c !important;
}


/* ---------------------------------------------------------
   05 | Überschrift
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__title {
  width: 100% !important;

  margin:
    0
    0
    0.9rem !important;

  padding: 0 !important;
}

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Fira Sans",
    sans-serif !important;

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

  line-height: 1.08 !important;

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

  color: #071f46 !important;
}


/* ---------------------------------------------------------
   06 | Einführung
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__intro-text {
  width: 100% !important;
  max-width: 44rem !important;

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

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__intro-text,
.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__intro-text * {
  font-family:
    "Fira Sans",
    sans-serif !important;

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

  line-height: 1.6 !important;

  color: #4a586c !important;
}

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__intro-text p {
  margin: 0 !important;
}


/* ---------------------------------------------------------
   07 | Referenzen-Grid
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__grid {
  position: relative;

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

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

  display: grid !important;

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

  align-items: stretch !important;

  gap:
    clamp(1rem, 1.6vw, 1.5rem);

  box-sizing: border-box;
}


/* Dezente verbindende Linie */

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__grid::before {
  content: "";

  position: absolute;

  left: 0;
  right: 0;
  top: 0;

  height: 1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(0, 64, 140, 0.14) 12%,
      rgba(0, 64, 140, 0.14) 88%,
      transparent
    );
}


/* ---------------------------------------------------------
   08 | Einzelne Referenz
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference {
  position: relative;

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

  margin: 0 !important;

  padding:
    clamp(1.7rem, 2.3vw, 2.3rem)
    clamp(1.3rem, 1.8vw, 1.8rem)
    clamp(1.5rem, 2vw, 2rem) !important;

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

  border-bottom:
    2px solid rgba(0, 150, 228, 0.16);

  background: transparent;

  box-sizing: border-box;
}


/* Anführungszeichen */

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference::before {
  content: "“";

  display: block;

  height: 2.2rem;

  margin:
    0
    0
    0.7rem;

  font-family:
    Georgia,
    serif;

  font-size: 3.4rem;
  line-height: 1;

  font-weight: 700;

  color:
    rgba(0, 150, 228, 0.24);
}


/* Vertikale Trennung nur auf Desktop */

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference:not(:last-child)::after {
  content: "";

  position: absolute;

  top: 2rem;
  right: calc(-0.5 * clamp(1rem, 1.6vw, 1.5rem));

  width: 1px;
  height: calc(100% - 4rem);

  background:
    rgba(0, 64, 140, 0.09);
}


/* ---------------------------------------------------------
   09 | Zitat
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference__quote {
  width: 100% !important;

  margin:
    0
    0
    auto !important;

  padding:
    0
    0
    1.6rem !important;
}

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference__quote,
.elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference__quote * {
  font-family:
    "Fira Sans",
    sans-serif !important;

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

  line-height: 1.55 !important;

  font-weight: 400 !important;

  color: #253750 !important;
}

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference__quote p {
  margin: 0 !important;
}


/* ---------------------------------------------------------
   10 | Unternehmen
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference__company {
  width: 100% !important;

  margin:
    0
    0
    0.25rem !important;

  padding: 0 !important;
}

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference__company .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

  font-family:
    "Fira Sans",
    sans-serif !important;

  font-size: 0.95rem !important;
  line-height: 1.3 !important;

  font-weight: 700 !important;

  color: #00408c !important;
}


/* ---------------------------------------------------------
   11 | Kontext
   --------------------------------------------------------- */

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference__context {
  width: 100% !important;

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

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference__context,
.elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference__context * {
  font-family:
    "Fira Sans",
    sans-serif !important;

  font-size: 0.78rem !important;
  line-height: 1.4 !important;

  font-weight: 500 !important;
  letter-spacing: 0.015em !important;

  color: #6a7483 !important;
}

.elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference__context p {
  margin: 0 !important;
}


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

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

  .elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__inner {
    width:
      calc(100% - 6vw) !important;
  }

  .elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__grid {
    grid-template-columns:
      repeat(3, minmax(0, 1fr));

    gap: 1rem;
  }

  .elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference {
    padding:
      1.7rem
      1.1rem
      1.5rem !important;
  }

  .elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference__quote,
  .elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference__quote * {
    font-size: 0.97rem !important;
  }
}


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

@media (max-width: 767px) {

  .elementor-6 .elementor-element.elementor-element-812c175 {
    padding:
      4rem
      0;
  }

  .elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__inner {
    width: 86% !important;

    gap: 2.5rem;
  }

  .elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__intro {
    align-items: flex-start !important;

    text-align: left;
  }

  .elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__label::after {
    left: 0;

    transform: none;
  }

  .elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__title .elementor-heading-title {
    font-size:
      clamp(1.9rem, 8vw, 2.5rem) !important;
  }

  .elementor-6 .elementor-element.elementor-element-812c175 .pyi-references__grid {
    grid-template-columns:
      minmax(0, 1fr);

    gap: 0;
  }

  .elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference {
    padding:
      1.8rem
      0
      1.7rem !important;
  }

  .elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference:not(:last-child)::after {
    display: none;
  }

  .elementor-6 .elementor-element.elementor-element-812c175 .pyi-reference::before {
    margin-bottom: 0.4rem;
  }
}/* End custom CSS */