.elementor-38 .elementor-element.elementor-element-6a02142{--display:flex;--overflow:hidden;}.elementor-38 .elementor-element.elementor-element-6a02142:not(.elementor-motion-effects-element-type-background), .elementor-38 .elementor-element.elementor-element-6a02142 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://protectyourit.eu/wp-content/uploads/2026/07/ChatGPT-Image-14.-Juli-2026-18_44_16.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-38 .elementor-element.elementor-element-eb3a9a3{--display:flex;}.elementor-38 .elementor-element.elementor-element-090fb7e{--display:flex;}.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-38 .elementor-element.elementor-element-0b02766{--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;--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-38 .elementor-element.elementor-element-422fa2e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--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-38 .elementor-element.elementor-element-81ded05{--display:flex;}.elementor-38 .elementor-element.elementor-element-856285a{--display:flex;}.elementor-38 .elementor-element.elementor-element-d826cd5{--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-search .elementor-pagination{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-38 .elementor-element.elementor-element-d6370fe{width:100%;max-width:100%;--e-search-results-columns:1;}.elementor-38 .elementor-element.elementor-element-30a7344{--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-38 .elementor-element.elementor-element-f60af1f{--display:flex;}.elementor-38 .elementor-element.elementor-element-fe4bc3c .elementor-icon-wrapper{text-align:center;}.elementor-38 .elementor-element.elementor-element-679aa75{--display:flex;}.elementor-38 .elementor-element.elementor-element-645f61a .elementor-icon-wrapper{text-align:center;}.elementor-38 .elementor-element.elementor-element-44451aa{--display:flex;}.elementor-38 .elementor-element.elementor-element-7f61c93 .elementor-icon-wrapper{text-align:center;}.elementor-38 .elementor-element.elementor-element-b29ab64{--display:flex;}.elementor-38 .elementor-element.elementor-element-71cfc14{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;}.elementor-38 .elementor-element.elementor-element-5eb0374{--display:flex;}.elementor-38 .elementor-element.elementor-element-056fada{--display:flex;}.elementor-38 .elementor-element.elementor-element-000fd70{--display:flex;}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-38 .elementor-element.elementor-element-5fc70aa{--grid-columns:3;}.elementor-38 .elementor-element.elementor-element-5fc70aa .elementor-loop-container{grid-auto-rows:1fr;}.elementor-38 .elementor-element.elementor-element-5fc70aa .e-loop-item > .elementor-section, .elementor-38 .elementor-element.elementor-element-5fc70aa .e-loop-item > .elementor-section > .elementor-container, .elementor-38 .elementor-element.elementor-element-5fc70aa .e-loop-item > .e-con, .elementor-38 .elementor-element.elementor-element-5fc70aa .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-38 .elementor-element.elementor-element-5fc70aa .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-38 .elementor-element.elementor-element-5fc70aa .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-38 .elementor-element.elementor-element-5fc70aa .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-38 .elementor-element.elementor-element-5fc70aa .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-38 .elementor-element.elementor-element-5fc70aa .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-38 .elementor-element.elementor-element-85cf307{--display:flex;}.elementor-38 .elementor-element.elementor-element-d9a5848{--display:flex;}.elementor-38 .elementor-element.elementor-element-3047bae{--display:flex;}.elementor-38 .elementor-element.elementor-element-9b183ee{--display:flex;}.elementor-38 .elementor-element.elementor-element-36418d3{--display:flex;}.elementor-38 .elementor-element.elementor-element-70aaf73{--display:flex;}.elementor-38 .elementor-element.elementor-element-14ab826 .elementor-icon-wrapper{text-align:center;}.elementor-38 .elementor-element.elementor-element-7bf26ea{--display:flex;}.elementor-38 .elementor-element.elementor-element-260e4b7 .elementor-icon-wrapper{text-align:center;}.elementor-38 .elementor-element.elementor-element-39bf1a4{--display:flex;}.elementor-38 .elementor-element.elementor-element-8056ab8 .elementor-icon-wrapper{text-align:center;}.elementor-38 .elementor-element.elementor-element-dd875b0{--display:flex;}.elementor-38 .elementor-element.elementor-element-5d4bddb{--display:flex;}.elementor-38 .elementor-element.elementor-element-27a96fc{--display:flex;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-38 .elementor-element.elementor-element-5fc70aa{--grid-columns:1;}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-search .elementor-pagination{font-size:var( --e-global-typography-primary-font-size );}.elementor-38 .elementor-element.elementor-element-615f147{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;}.elementor-widget-loop-grid .elementor-pagination{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-loop-grid .e-load-more-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-38 .elementor-element.elementor-element-5fc70aa{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-6a02142 *//* =====================================================
   PROTECTYOURIT – WISSEN: HERO
   Vollständiger konsolidierter Austauschblock

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

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

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


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

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

  box-sizing: border-box;

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

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

  margin: 0;
  padding: 0;

  overflow: hidden;

  background-color:
    var(--pyi-color-surface, #f4f9fd) !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 | WEICHER BILDVERLAUF

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

.elementor-38 .elementor-element.elementor-element-6a02142::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.98) 39%,
      rgba(246, 250, 253, 0.88) 49%,
      rgba(249, 252, 254, 0.56) 59%,
      rgba(255, 255, 255, 0.18) 70%,
      rgba(255, 255, 255, 0) 82%,
      rgba(255, 255, 255, 0) 100%
    );

  pointer-events: none;
}


/* =====================================================
   03 | DEZENTE LICHTFLÄCHE
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-6a02142::after {
  content: "";

  position: absolute;
  z-index: 1;

  right: -12%;
  bottom: -48%;

  width: 44rem;
  height: 44rem;

  border-radius: 50%;

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

  pointer-events: none;
}


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

.elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-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-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__content {
  position: relative;

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

  box-sizing: border-box;

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

  max-width:
    42rem !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


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

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

.elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__label {
  width:
    auto !important;

  max-width:
    100% !important;

  margin:
    0
    0
    1.35rem !important;
}


/* =====================================================
   07 | H1

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

.elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__title {
  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    40rem !important;

  min-width:
    0 !important;

  margin:
    0
    0
    1.45rem !important;

  padding:
    0 !important;
}

.elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__title
.elementor-heading-title {
  width:
    100% !important;

  max-width:
    40rem !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


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

.elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__text {
  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    39rem !important;

  min-width:
    0 !important;

  margin:
    0
    0
    2.15rem !important;

  padding:
    0 !important;

  color:
    var(--pyi-color-text, #3e4d61) !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-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__text p {
  margin:
    0 !important;
}


/* =====================================================
   09 | ZUSATZPUNKTE
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__points {
  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}

.elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__points
.elementor-widget-container,
.elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-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;

  margin:
    0 !important;

  padding:
    0 !important;

  column-gap:
    1.65rem !important;

  row-gap:
    0.8rem !important;
}

.elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-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-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-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 VISUAL-PLATZHALTER ENTFERNEN
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__visual {
  display:
    none !important;
}


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

@media (min-width: 1181px) {

  .elementor-38 .elementor-element.elementor-element-6a02142 {
    background-position:
      right 52% !important;

    background-size:
      auto 112% !important;
  }
}


/* =====================================================
   12 | TABLET – KOMPAKTERE HERO-HÖHE
   ===================================================== */

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

  .elementor-38 .elementor-element.elementor-element-6a02142 {
    min-height:
      28rem;

    background-position:
      70% center !important;

    background-size:
      auto 98% !important;
  }

  .elementor-38 .elementor-element.elementor-element-6a02142::before {
    background:
      linear-gradient(
        90deg,
        rgba(244, 249, 253, 1) 0%,
        rgba(244, 249, 253, 1) 33%,
        rgba(244, 249, 253, 0.94) 45%,
        rgba(248, 251, 254, 0.68) 58%,
        rgba(255, 255, 255, 0.2) 72%,
        rgba(255, 255, 255, 0) 100%
      );
  }

  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__inner {
    width: min(
      calc(100% - 3rem),
      var(--pyi-content-width, 1200px)
    );

    min-height:
      32rem;

    padding:
      3.5rem
      0;
  }

  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__content {
    max-width:
      35rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__title,
  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__title
  .elementor-heading-title {
    max-width:
      35rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__text {
    max-width:
      34rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__points
  .elementor-widget-container,
  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__points
  .elementor-text-editor {
    flex-direction:
      column !important;

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

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

   Das Hintergrundbild erscheint unterhalb des Textes.
   ===================================================== */

@media (max-width: 767px) {

  .elementor-38 .elementor-element.elementor-element-6a02142 {
    min-height:
      43rem;

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

    background-position:
      74% bottom !important;

    background-repeat:
      no-repeat !important;

    background-size:
      auto 48% !important;
  }


  /* Vertikaler Verlauf schützt den Textbereich */

  .elementor-38 .elementor-element.elementor-element-6a02142::before {
    background:
      linear-gradient(
        180deg,
        rgba(244, 249, 253, 1) 0%,
        rgba(244, 249, 253, 1) 48%,
        rgba(244, 249, 253, 0.95) 57%,
        rgba(247, 251, 254, 0.62) 71%,
        rgba(255, 255, 255, 0.08) 88%,
        rgba(255, 255, 255, 0) 100%
      );
  }

  .elementor-38 .elementor-element.elementor-element-6a02142::after {
    right:
      -70%;

    bottom:
      -55%;

    width:
      34rem;

    height:
      34rem;
  }


  /* Innerer Bereich */

  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__inner {
    box-sizing:
      border-box !important;

    width:
      100% !important;

    max-width:
      100% !important;

    min-height:
      43rem;

    margin:
      0
      auto !important;

    padding:
      3.5rem
      1.25rem
      17rem !important;

    justify-content:
      flex-start !important;
  }


  /* Inhalt */

  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__content,
  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__title,
  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__title
  .elementor-heading-title,
  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__text {
    width:
      100% !important;

    max-width:
      100% !important;
  }

  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__label {
    margin-bottom:
      1.1rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__title {
    margin-bottom:
      1.2rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__text {
    margin-bottom:
      1.75rem !important;

    font-size:
      1rem !important;

    line-height:
      1.58 !important;
  }


  /* Zusatzpunkte */

  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__points
  .elementor-widget-container,
  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__points
  .elementor-text-editor {
    flex-direction:
      column !important;

    align-items:
      flex-start !important;

    gap:
      0.8rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-6a02142 .pyi-knowledge-hero__points p {
    white-space:
      normal !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d826cd5 */.elementor-38 .elementor-element.elementor-element-d826cd5 {
  width: 100%;
  max-width: none;
}

.elementor-38 .elementor-element.elementor-element-d826cd5 > .e-con-inner {
  width: 100%;
  max-width: none;
}

.elementor-38 .elementor-element.elementor-element-d826cd5 .elementor-widget-search,
.elementor-38 .elementor-element.elementor-element-d826cd5 .elementor-widget-search-form,
.elementor-38 .elementor-element.elementor-element-d826cd5 .elementor-widget {
  width: 100% !important;
  max-width: none !important;
}

.elementor-38 .elementor-element.elementor-element-d826cd5 form,
.elementor-38 .elementor-element.elementor-element-d826cd5 .e-search,
.elementor-38 .elementor-element.elementor-element-d826cd5 .e-search-form,
.elementor-38 .elementor-element.elementor-element-d826cd5 .elementor-search-form {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
}

.elementor-38 .elementor-element.elementor-element-d826cd5 .e-search-input-wrapper,
.elementor-38 .elementor-element.elementor-element-d826cd5 .elementor-search-form__container {
  display: flex !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

.elementor-38 .elementor-element.elementor-element-d826cd5 input[type="search"],
.elementor-38 .elementor-element.elementor-element-d826cd5 .e-search-input,
.elementor-38 .elementor-element.elementor-element-d826cd5 .elementor-search-form__input {
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 3.5rem;
  padding: 0 1rem;
  border: 1px solid rgba(0, 64, 140, 0.18);
  border-radius: 0.5rem 0 0 0.5rem;
  background: #ffffff;
  color: #25364c;
  font-size: 1rem;
}

.elementor-38 .elementor-element.elementor-element-d826cd5 button,
.elementor-38 .elementor-element.elementor-element-d826cd5 .e-search-submit,
.elementor-38 .elementor-element.elementor-element-d826cd5 .elementor-search-form__submit {
  flex: 0 0 auto !important;
  min-width: 7rem;
  min-height: 3.5rem;
  padding: 0 1.4rem;
  border-radius: 0 0.5rem 0.5rem 0;
  background: #00408c;
  color: #ffffff;
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0b02766 *//* =====================================================
   PROTECTYOURIT – WISSEN: EINSTIEG
   Vollständiger konsolidierter Austauschblock

   Ort:
   Wissen-Einstieg-Outer
   → Erweitert
   → Individuelles CSS

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


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

.elementor-38 .elementor-element.elementor-element-0b02766 {
  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 BEREICH
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__inner {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;

  box-sizing: border-box;

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

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

  min-width: 0;

  margin-inline: auto;

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

  gap: 0 !important;
}


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

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__intro {
  display: grid !important;

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

  align-items: end !important;

  box-sizing: border-box;

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

  margin:
    0
    0
    clamp(2.25rem, 3.5vw, 3rem) !important;

  padding: 0 !important;

  gap:
    clamp(2.5rem, 5vw, 5rem) !important;
}


/* =====================================================
   04 | HEADING-BEREICH
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__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-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__label {
  width: auto !important;
  max-width: 100% !important;

  margin:
    0
    0
    1.15rem !important;
}


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

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

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__title {
  box-sizing: border-box;

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

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

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__title
.elementor-heading-title {
  width: 100% !important;
  max-width: 38rem !important;

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


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

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__intro-text {
  box-sizing: border-box;

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

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

  justify-self: end !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-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__intro-text p {
  margin: 0 !important;
}


/* =====================================================
   08 | SUCHE – ÄUSSERER CONTAINER
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search {
  box-sizing: border-box;

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

  margin:
    0
    0
    clamp(2rem, 3vw, 2.75rem) !important;

  padding: 0 !important;
}


/* =====================================================
   09 | ELEMENTOR-SUCHE-WIDGET
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget {
  box-sizing: border-box;

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

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


/* Klassisches Elementor-Suchformular und neues Suchwidget */

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
.elementor-search-form,
.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
.e-search-form,
.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget form {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;

  box-sizing: border-box;

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

  margin: 0 !important;
  padding:
    0
    0.35rem
    0
    1.2rem !important;

  overflow: hidden;

  border:
    1px solid
    rgba(0, 64, 140, 0.14) !important;

  border-radius:
    0.55rem !important;

  background:
    rgba(255, 255, 255, 0.96) !important;

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


/* Eingabefeld */

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
.elementor-search-form__input,
.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
input[type="search"] {
  flex:
    1
    1
    auto !important;

  box-sizing: border-box;

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

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

  border:
    0 !important;

  outline:
    0 !important;

  background:
    transparent !important;

  color:
    #304258 !important;

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

  font-size:
    0.98rem !important;

  font-weight:
    400 !important;

  line-height:
    1.2 !important;

  box-shadow:
    none !important;
}

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
input[type="search"]::placeholder {
  color:
    #7b8797 !important;

  opacity:
    1;
}


/* Suchbutton */

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
.elementor-search-form__submit,
.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
button[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex:
    0
    0
    3rem !important;

  box-sizing: border-box;

  width: 3rem !important;
  height: 3rem !important;

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

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

  border:
    0 !important;

  border-radius:
    0.42rem !important;

  background:
    rgba(0, 150, 228, 0.09) !important;

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

  cursor:
    pointer;

  box-shadow:
    none !important;
}

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
.elementor-search-form__submit:hover,
.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
button[type="submit"]:hover {
  background:
    rgba(0, 150, 228, 0.16) !important;
}

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
button svg,
.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
button i {
  width:
    1.15rem !important;

  height:
    1.15rem !important;

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

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


/* Fokuszustand */

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
.elementor-search-form:focus-within,
.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
.e-search-form:focus-within,
.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
form:focus-within {
  border-color:
    rgba(0, 150, 228, 0.5) !important;

  box-shadow:
    0 0 0 3px
    rgba(0, 150, 228, 0.1) !important;
}


/* =====================================================
   10 | ZUGÄNGE-GRID
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__grid {
  display: grid !important;

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

  align-items: stretch !important;

  box-sizing: border-box;

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

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

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


/* =====================================================
   11 | ZUGANGSKARTE
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card {
  position: relative;

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

  box-sizing: border-box;

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

  margin: 0 !important;

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

  overflow: hidden;

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

  border-radius:
    0.65rem;

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

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

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

@media (hover: hover) {

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card:hover {
    transform:
      translateY(-3px);

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

    box-shadow:
      0 1.3rem 2.8rem
      rgba(0, 64, 140, 0.09);
  }
}


/* Kartenvarianten */

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card--glossary {
  background:
    linear-gradient(
      145deg,
      #eef7ff 0%,
      #ffffff 100%
    );
}

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card--articles {
  background:
    linear-gradient(
      145deg,
      #f4f8fc 0%,
      #ffffff 100%
    );
}

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card--resources {
  background:
    linear-gradient(
      145deg,
      #f7f9fc 0%,
      #ffffff 100%
    );
}


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

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__icon {
  position: relative;
  z-index: 1;

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

  flex:
    0
    0
    3rem !important;

  align-self:
    flex-start !important;

  box-sizing: border-box;

  width: 3rem !important;
  height: 3rem !important;

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

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

  margin:
    0
    0
    1.25rem !important;

  padding: 0 !important;

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

  border-radius:
    50%;

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

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

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__icon
.elementor-widget-container,
.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__icon
.elementor-icon-wrapper,
.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__icon
.elementor-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

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

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

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__icon
.elementor-icon {
  color:
    var(--pyi-color-primary, #00408c) !important;

  font-size:
    1.45rem !important;

  line-height:
    1 !important;
}

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__icon svg {
  display: block !important;

  width:
    1.45rem !important;

  height:
    1.45rem !important;

  margin: 0 !important;

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


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

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__title {
  position: relative;

  box-sizing: border-box;

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

  margin:
    0
    0
    1rem !important;

  padding:
    0
    0
    0.75rem !important;
}

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__title::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 2rem;
  height: 2px;

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

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

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__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.12rem, 1.25vw, 1.3rem) !important;

  font-weight:
    700 !important;

  line-height:
    1.2 !important;

  overflow-wrap:
    break-word !important;

  word-break:
    normal !important;

  -webkit-hyphens:
    manual !important;

  hyphens:
    manual !important;
}


/* =====================================================
   14 | KARTENTEXT
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__text {
  box-sizing: border-box;

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

  margin:
    0
    0
    1.4rem !important;

  padding: 0 !important;

  color:
    #465367 !important;

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

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

  font-weight:
    400 !important;

  line-height:
    1.55 !important;

  overflow-wrap:
    break-word !important;
}

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__text p {
  margin: 0 !important;
}


/* =====================================================
   15 | KARTENLINK
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__link {
  margin-top:
    auto !important;

  padding:
    0 !important;
}

.elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__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-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card__link a:hover {
  gap:
    0.7rem;

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


/* =====================================================
   16 | TABLET
   ===================================================== */

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

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__inner {
    width: min(
      calc(100% - 3rem),
      var(--pyi-content-width, 1200px)
    );

    padding:
      4.5rem
      0
      5rem;
  }

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__intro {
    grid-template-columns:
      minmax(0, 1fr);

    gap:
      1.4rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__intro-text {
    max-width:
      44rem !important;

    justify-self:
      start !important;
  }

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__grid {
    grid-template-columns:
      minmax(0, 1fr) !important;
  }

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card {
    min-height:
      0;
  }
}


/* =====================================================
   17 | MOBIL
   ===================================================== */

@media (max-width: 767px) {

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__inner {
    box-sizing:
      border-box !important;

    width:
      100% !important;

    max-width:
      100% !important;

    margin:
      0
      auto !important;

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

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__intro {
    grid-template-columns:
      minmax(0, 1fr);

    margin-bottom:
      2rem !important;

    gap:
      1.35rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__title,
  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__title
  .elementor-heading-title,
  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__intro-text {
    width:
      100% !important;

    max-width:
      100% !important;
  }


  /* Suche */

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search {
    margin-bottom:
      2rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
  .elementor-search-form,
  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
  .e-search-form,
  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
  form {
    min-height:
      3.4rem;

    padding-left:
      1rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
  .elementor-search-form__input,
  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
  input[type="search"] {
    height:
      3.25rem !important;

    font-size:
      0.94rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
  .elementor-search-form__submit,
  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-search__widget
  button[type="submit"] {
    flex-basis:
      2.75rem !important;

    width:
      2.75rem !important;

    height:
      2.75rem !important;

    min-width:
      2.75rem !important;

    min-height:
      2.75rem !important;
  }


  /* Karten */

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry__grid {
    grid-template-columns:
      minmax(0, 1fr) !important;

    gap:
      1.25rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-0b02766 .pyi-knowledge-entry-card {
    min-height:
      0;

    padding:
      1.5rem !important;

    border-radius:
      0.55rem;
  }
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-5fc70aa */@media (max-width: 767px) {
  .elementor-38 .elementor-element.elementor-element-5fc70aa {
    margin-top: 2rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b29ab64 *//* =====================================================
   PROTECTYOURIT – WISSEN: FACHBEITRÄGE
   Vollständiger konsolidierter Austauschblock

   Ort:
   Wissen-Beiträge-Outer
   → Erweitert
   → Individuelles CSS

   CSS-ID des Outer-Containers:
   fachbeitraege

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


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

.elementor-38 .elementor-element.elementor-element-b29ab64 {
  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:
    #ffffff;

  scroll-margin-top:
    7rem;
}


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

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  box-sizing: border-box;

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

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

  min-width: 0;

  margin-inline: auto;

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

  gap:
    0 !important;
}


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

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__intro {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: flex-end !important;
  justify-content: space-between !important;

  box-sizing: border-box;

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

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

  padding:
    0 !important;

  gap:
    2rem !important;
}


/* =====================================================
   04 | HEADING-BEREICH
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__heading {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  flex:
    1
    1
    auto !important;

  box-sizing: border-box;

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

  margin:
    0 !important;

  padding:
    0 !important;
}


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

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__label {
  width:
    auto !important;

  max-width:
    100% !important;

  margin:
    0
    0
    1.15rem !important;
}


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

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__title {
  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    44rem !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__title
.elementor-heading-title {
  width:
    100% !important;

  max-width:
    44rem !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* =====================================================
   07 | LINK ZU ALLEN BEITRÄGEN
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__all-link {
  flex:
    0
    0
    auto !important;

  align-self:
    flex-end !important;

  width:
    auto !important;

  margin:
    0
    0
    0.15rem !important;

  padding:
    0 !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__all-link a {
  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    0.5rem;

  min-height:
    2.8rem;

  padding:
    0.75rem
    1rem !important;

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

  border-radius:
    0.5rem;

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

  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:
    color 180ms ease,
    border-color 180ms ease,
    background-color 180ms ease,
    transform 180ms ease;
}

@media (hover: hover) {

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__all-link a:hover {
    color:
      var(--pyi-color-secondary, #0096e4) !important;

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

    background:
      #ffffff;

    transform:
      translateY(-2px);
  }
}


/* =====================================================
   08 | GRID-CONTAINER
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__grid {
  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  align-self:
    stretch !important;
}


/* =====================================================
   09 | LOOP-GRID-WIDGET
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__loop,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__loop >
.elementor-widget-container {
  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__loop
.elementor-loop-container {
  display:
    grid !important;

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

  grid-auto-rows:
    1fr;

  align-items:
    stretch !important;

  box-sizing:
    border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  gap:
    clamp(1.4rem, 2.2vw, 2.2rem) !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__loop
.e-loop-item {
  display:
    flex !important;

  box-sizing:
    border-box;

  width:
    100% !important;

  max-width:
    none !important;

  min-width:
    0 !important;

  height:
    100%;

  margin:
    0 !important;

  padding:
    0 !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__loop
.e-loop-item >
.elementor-element {
  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  height:
    100%;
}


/* =====================================================
   10 | BEITRAGSKARTE
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post {
  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:
    27rem;

  height:
    100%;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    hidden !important;

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

  border-radius:
    0.65rem;

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

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

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

@media (hover: hover) {

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post:hover {
    transform:
      translateY(-3px);

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

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


/* =====================================================
   11 | BEITRAGSBILD
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__image {
  position:
    relative;

  flex:
    0
    0
    auto !important;

  box-sizing:
    border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  aspect-ratio:
    16 / 9;

  margin:
    0 !important;

  padding:
    0 !important;

  overflow:
    hidden !important;

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

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__image
.elementor-widget-container {
  width:
    100% !important;

  height:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__image img {
  display:
    block !important;

  width:
    100% !important;

  height:
    100% !important;

  object-fit:
    cover !important;

  object-position:
    center !important;

  transition:
    transform 500ms ease;
}

@media (hover: hover) {

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post:hover
  .pyi-knowledge-post__image img {
    transform:
      scale(1.035);
  }
}


/* =====================================================
   12 | KARTENINHALT
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__content {
  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  flex:
    1
    1
    auto !important;

  box-sizing:
    border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    clamp(1.4rem, 1.8vw, 1.75rem) !important;
}


/* =====================================================
   13 | KATEGORIE
   Dezentes ProtectYourIT-Kategorie-Chip
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__category {
  display: inline-flex !important;
  align-items: center !important;

  align-self: flex-start !important;

  box-sizing: border-box;

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

  margin:
    0
    0
    1rem !important;

  padding:
    0.42rem
    0.72rem !important;

  gap:
    0.45rem;

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

  border-radius:
    999px;

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

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

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

  font-size:
    0.72rem !important;

  font-weight:
    700 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    0.045em !important;

  text-transform:
    uppercase !important;
}


/* Elementor-Innencontainer */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__category
.elementor-widget-container {
  display: inline-flex !important;
  align-items: center !important;

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

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

  gap:
    0.45rem;
}


/* Text und Links */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__category,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__category *,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__category a {
  color:
    var(--pyi-color-primary, #00408c) !important;

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

  font-size:
    0.72rem !important;

  font-weight:
    700 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    0.045em !important;

  text-transform:
    uppercase !important;

  text-decoration:
    none !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__category p {
  margin:
    0 !important;
}


/* Tag-Icon */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__category
.elementor-icon,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__category
.elementor-icon-list-icon,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__category i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex:
    0
    0
    auto;

  width:
    0.9rem !important;

  height:
    0.9rem !important;

  margin:
    0 !important;

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

  font-size:
    0.8rem !important;

  line-height:
    1 !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__category svg {
  display:
    block !important;

  width:
    0.9rem !important;

  height:
    0.9rem !important;

  margin:
    0 !important;

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


/* Hover bei verlinkter Kategorie */

@media (hover: hover) {

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__category:hover {
    border-color:
      rgba(0, 150, 228, 0.25);

    background:
      rgba(0, 150, 228, 0.11);
  }

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__category a:hover {
    color:
      var(--pyi-color-secondary, #0096e4) !important;
  }
}


/* =====================================================
   14 | BEITRAGSTITEL
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__title {
  box-sizing:
    border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0
    0
    0.85rem !important;

  padding:
    0 !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__title
.elementor-heading-title {
  width:
    100%;

  margin:
    0 !important;

  padding:
    0 !important;

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

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

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

  font-weight:
    700 !important;

  line-height:
    1.28 !important;

  word-break:
    normal !important;

  overflow-wrap:
    break-word !important;

  -webkit-hyphens:
    manual !important;

  hyphens:
    manual !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__title a {
  color:
    inherit !important;

  text-decoration:
    none !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__title a:hover {
  color:
    var(--pyi-color-secondary, #0096e4) !important;
}


/* =====================================================
   15 | KURZTEXT
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__excerpt {
  box-sizing:
    border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0
    0
    1.35rem !important;

  padding:
    0 !important;

  color:
    #465367 !important;

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

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

  font-weight:
    400 !important;

  line-height:
    1.55 !important;

  overflow-wrap:
    break-word !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__excerpt p {
  margin:
    0 !important;
}


/* =====================================================
   16 | METADATEN
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__meta {
  display:
    grid !important;

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

  align-items:
    center !important;

  box-sizing:
    border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    auto
    0
    0 !important;

  padding:
    1rem
    0
    0 !important;

  column-gap:
    0.9rem;

  row-gap:
    0.8rem;

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

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__meta >
.elementor-element {
  width:
    auto !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


/* =====================================================
   17 | DATUM UND LESEZEIT
   Ruhige, einheitliche Metadaten
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__date,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__reading-time {
  display: inline-flex !important;
  align-items: center !important;

  position: relative;

  box-sizing: border-box;

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

  margin: 0 !important;

  padding:
    0.34rem
    0.58rem !important;

  gap:
    0.38rem;

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

  border-radius:
    999px;

  background:
    rgba(0, 64, 140, 0.045);

  color:
    #64748a !important;

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

  font-size:
    0.76rem !important;

  font-weight:
    600 !important;

  line-height:
    1.2 !important;

  white-space:
    nowrap;
}


/* Alte CSS-Punkte entfernen */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__date::before,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__reading-time::before {
  content:
    none !important;

  display:
    none !important;
}


/* Elementor-Innencontainer */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__date
.elementor-widget-container,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__reading-time
.elementor-widget-container {
  display: inline-flex !important;
  align-items: center !important;

  width: auto !important;

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

  gap:
    0.38rem;
}


/* Texte und Links */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__date,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__date *,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__date a,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__reading-time,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__reading-time *,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__reading-time a {
  color:
    #64748a !important;

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

  font-size:
    0.76rem !important;

  font-weight:
    600 !important;

  line-height:
    1.2 !important;

  text-decoration:
    none !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__date p,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__reading-time p {
  margin:
    0 !important;
}


/* Kalender- und Uhr-Icon */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__date
.elementor-icon,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__date
.elementor-icon-list-icon,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__date i,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__reading-time
.elementor-icon,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__reading-time
.elementor-icon-list-icon,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__reading-time i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex:
    0
    0
    auto;

  width:
    0.85rem !important;

  height:
    0.85rem !important;

  margin:
    0 !important;

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

  font-size:
    0.78rem !important;

  line-height:
    1 !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__date svg,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__reading-time svg {
  display:
    block !important;

  width:
    0.85rem !important;

  height:
    0.85rem !important;

  margin:
    0 !important;

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


/* =====================================================
   18 | ARTIKEL-LINK
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link {
  justify-self:
    end;

  width:
    auto !important;

  margin:
    0 !important;

  padding:
    0 !important;
}

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link a,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link
.elementor-heading-title a,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link
.elementor-widget-container 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.82rem !important;

  font-weight:
    700 !important;

  line-height:
    1.3 !important;

  text-decoration:
    none !important;

  white-space:
    nowrap;

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

.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link a::after,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link
.elementor-heading-title a::after,
.elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link
.elementor-widget-container a::after {
  content:
    "→";

  display:
    inline-block;

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

  font-size:
    1rem;

  line-height:
    1;

  transition:
    transform 180ms ease;
}

@media (hover: hover) {

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link a:hover,
  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link
  .elementor-heading-title a:hover,
  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link
  .elementor-widget-container a:hover {
    gap:
      0.6rem;

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

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link a:hover::after,
  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link
  .elementor-heading-title a:hover::after,
  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link
  .elementor-widget-container a:hover::after {
    transform:
      translateX(0.15rem);
  }
}


/* =====================================================
   19 | TABLET
   ===================================================== */

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

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__inner {
    width: min(
      calc(100% - 3rem),
      var(--pyi-content-width, 1200px)
    );

    padding:
      4.5rem
      0
      5rem;
  }

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__loop
  .elementor-loop-container {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;
  }

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post {
    min-height:
      0;
  }
}


/* =====================================================
   20 | MOBIL
   ===================================================== */

@media (max-width: 767px) {

  .elementor-38 .elementor-element.elementor-element-b29ab64 {
    scroll-margin-top:
      5.5rem;
  }

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__inner {
    box-sizing:
      border-box !important;

    width:
      100% !important;

    max-width:
      100% !important;

    margin:
      0
      auto !important;

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


  /* Intro */

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__intro {
    flex-direction:
      column !important;

    align-items:
      flex-start !important;

    gap:
      1.5rem !important;

    margin-bottom:
      2.5rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__heading,
  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__title,
  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__title
  .elementor-heading-title {
    width:
      100% !important;

    max-width:
      100% !important;
  }

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__all-link {
    align-self:
      flex-start !important;

    margin:
      0 !important;
  }


  /* Loop-Grid */

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-posts__loop
  .elementor-loop-container {
    grid-template-columns:
      minmax(0, 1fr) !important;

    gap:
      1.25rem !important;
  }


  /* Karte */

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post {
    min-height:
      0;

    border-radius:
      0.55rem;
  }

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__image {
    aspect-ratio:
      16 / 9;
  }

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__content {
    padding:
      1.4rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__title
  .elementor-heading-title {
    font-size:
      1.3rem !important;

    line-height:
      1.2 !important;
  }


  /* Metadaten */

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__meta {
    grid-template-columns:
      auto
      minmax(0, 1fr);

    column-gap:
      0.7rem;

    row-gap:
      0.7rem;
  }

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__date,
  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__reading-time {
    font-size:
      0.76rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-b29ab64 .pyi-knowledge-post__link {
    grid-column:
      1 / -1;

    justify-self:
      start;

    margin-top:
      0.15rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-85cf307 *//* =====================================================
   PROTECTYOURIT – WISSEN: PRAXISHILFEN
   Vollständiger CSS-Block

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


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

.elementor-38 .elementor-element.elementor-element-85cf307 {
  position: relative;

  box-sizing: border-box;

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

  margin: 0;
  padding: 0;

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

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

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

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

  scroll-margin-top:
    7rem;
}


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

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;

  box-sizing: border-box;

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

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

  min-width: 0;

  margin-inline: auto;

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

  gap: 0 !important;
}


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

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__intro {
  display: grid !important;

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

  align-items:
    end !important;

  box-sizing: border-box;

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

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

  padding:
    0 !important;

  gap:
    clamp(2.5rem, 5vw, 5rem) !important;
}


/* =====================================================
   04 | HEADING-BEREICH
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__heading {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  box-sizing: border-box;

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

  margin:
    0 !important;

  padding:
    0 !important;
}


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

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__label {
  width:
    auto !important;

  max-width:
    100% !important;

  margin:
    0
    0
    1.15rem !important;
}


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

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__title {
  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    44rem !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;
}

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__title
.elementor-heading-title {
  width:
    100% !important;

  max-width:
    44rem !important;

  margin:
    0 !important;

  padding:
    0 !important;
}


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

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__intro-text {
  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    34rem !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

  justify-self:
    end !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-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__intro-text p {
  margin:
    0 !important;
}


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

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__grid {
  display:
    grid !important;

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

  align-items:
    stretch !important;

  box-sizing:
    border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0 !important;

  padding:
    0 !important;

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


/* =====================================================
   09 | PRAXISHILFEN-KARTE
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource {
  position: relative;

  display:
    flex !important;

  flex-direction:
    column !important;

  align-items:
    flex-start !important;

  box-sizing:
    border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  min-height:
    21rem;

  margin:
    0 !important;

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

  overflow:
    hidden;

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

  border-radius:
    0.65rem;

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

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

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


/* Dezente Hintergrunddekoration */

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource::after {
  content: "";

  position: absolute;

  right:
    -4.5rem;

  bottom:
    -5rem;

  width:
    12rem;

  height:
    12rem;

  border-radius:
    50%;

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

  pointer-events:
    none;
}


/* Kartenvarianten */

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource--audit {
  background:
    linear-gradient(
      145deg,
      #eef8ff 0%,
      #ffffff 100%
    );
}

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource--isms {
  background:
    linear-gradient(
      145deg,
      #f3f8fc 0%,
      #ffffff 100%
    );
}

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource--nis2 {
  background:
    linear-gradient(
      145deg,
      #f7f9fc 0%,
      #ffffff 100%
    );
}


@media (hover: hover) {

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource:hover {
    transform:
      translateY(-3px);

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

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


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

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__icon {
  position: relative;
  z-index: 1;

  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  flex:
    0
    0
    3.2rem !important;

  align-self:
    flex-start !important;

  box-sizing:
    border-box;

  width:
    3.2rem !important;

  height:
    3.2rem !important;

  min-width:
    3.2rem !important;

  min-height:
    3.2rem !important;

  max-width:
    3.2rem !important;

  max-height:
    3.2rem !important;

  margin:
    0
    0
    1.25rem !important;

  padding:
    0 !important;

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

  border-radius:
    0.7rem;

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

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

  box-shadow:
    0 0.65rem 1.4rem
    rgba(0, 64, 140, 0.07);
}

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__icon
.elementor-widget-container,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__icon
.elementor-icon-wrapper,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__icon
.elementor-icon {
  display:
    flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    100% !important;

  height:
    100% !important;

  margin:
    0 !important;

  padding:
    0 !important;
}

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__icon
.elementor-icon {
  color:
    var(--pyi-color-primary, #00408c) !important;

  font-size:
    1.5rem !important;

  line-height:
    1 !important;
}

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__icon svg {
  display:
    block !important;

  width:
    1.5rem !important;

  height:
    1.5rem !important;

  margin:
    0 !important;

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


/* =====================================================
   11 | DOKUMENTTYP
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__type {
  position: relative;
  z-index: 1;

  display:
    inline-flex !important;

  align-items:
    center !important;

  align-self:
    flex-start !important;

  box-sizing:
    border-box;

  width:
    auto !important;

  max-width:
    100% !important;

  margin:
    0
    0
    0.85rem !important;

  padding:
    0.38rem
    0.65rem !important;

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

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

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

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

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

  font-size:
    0.7rem !important;

  font-weight:
    700 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    0.055em !important;

  text-transform:
    uppercase !important;
}

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__type,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__type * {
  color:
    var(--pyi-color-primary, #00408c) !important;

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

  font-size:
    0.7rem !important;

  font-weight:
    700 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    0.055em !important;

  text-transform:
    uppercase !important;
}

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__type p {
  margin:
    0 !important;
}


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

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__title {
  position: relative;
  z-index: 1;

  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0
    0
    1.15rem !important;

  padding:
    0
    0
    0.8rem !important;
}

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__title::after {
  content: "";

  position: absolute;

  left:
    0;

  bottom:
    0;

  width:
    2rem;

  height:
    2px;

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

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

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__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.16rem, 1.35vw, 1.4rem) !important;

  font-weight:
    700 !important;

  line-height:
    1.22 !important;

  word-break:
    normal !important;

  overflow-wrap:
    break-word !important;

  -webkit-hyphens:
    manual !important;

  hyphens:
    manual !important;
}


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

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__text {
  position: relative;
  z-index: 1;

  box-sizing: border-box;

  width:
    100% !important;

  max-width:
    100% !important;

  min-width:
    0 !important;

  margin:
    0
    0
    1.5rem !important;

  padding:
    0 !important;

  color:
    #465367 !important;

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

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

  font-weight:
    400 !important;

  line-height:
    1.57 !important;

  overflow-wrap:
    break-word !important;
}

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__text p {
  margin:
    0 !important;
}

/* =====================================================
   TEXTFORMATIERUNG BEREINIGEN
   Entfernt versehentliche Vorformatierung
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__intro-text,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__intro-text *,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__text,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__text * {
  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-style:
    normal !important;

  letter-spacing:
    normal !important;

  text-transform:
    none !important;

  white-space:
    normal !important;

  word-break:
    normal !important;

  overflow-wrap:
    break-word !important;
}

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__intro-text pre,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__intro-text code,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__text pre,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__text code {
  margin:
    0 !important;

  padding:
    0 !important;

  border:
    0 !important;

  background:
    transparent !important;

  color:
    inherit !important;

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

  font-size:
    inherit !important;

  font-weight:
    inherit !important;

  line-height:
    inherit !important;

  white-space:
    normal !important;
}
/* =====================================================
   14 | KARTENLINK
   Funktioniert mit und ohne hinterlegtes Linkziel
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link {
  position: relative;
  z-index: 1;

  align-self: flex-start !important;

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

  margin:
    auto
    0
    0 !important;

  padding: 0 !important;
}


/* Elementor-Widget und Überschrift neutralisieren */

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
.elementor-widget-container,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
.elementor-heading-title {
  width: auto !important;
  max-width: 100% !important;

  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:
    0.9rem !important;

  font-weight:
    700 !important;

  line-height:
    1.25 !important;

  letter-spacing:
    normal !important;

  text-transform:
    none !important;
}


/* Text mit und ohne Verlinkung */

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
.elementor-heading-title,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
.elementor-heading-title a,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
.elementor-widget-container > a,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link p,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link p a {
  display: inline-flex !important;
  align-items: center !important;

  gap:
    0.45rem;

  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:
    0.9rem !important;

  font-weight:
    700 !important;

  line-height:
    1.25 !important;

  letter-spacing:
    normal !important;

  text-decoration:
    none !important;

  text-transform:
    none !important;
}


/* Pfeil auch ohne hinterlegte URL anzeigen */

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
.elementor-heading-title::after,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
.elementor-widget-container > a::after,
.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link p::after {
  content:
    "→";

  display:
    inline-block;

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

  font-size:
    1rem;

  font-weight:
    700;

  line-height:
    1;

  transition:
    transform 180ms ease;
}


/* Doppelten Pfeil bei verlinkter Überschrift verhindern */

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
.elementor-heading-title:has(a)::after {
  content:
    none;
}

.elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
.elementor-heading-title a::after {
  content:
    "→";

  display:
    inline-block;

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

  font-size:
    1rem;

  line-height:
    1;

  transition:
    transform 180ms ease;
}


@media (hover: hover) {

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
  .elementor-heading-title a:hover,
  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
  .elementor-widget-container > a:hover,
  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
  p a:hover {
    gap:
      0.65rem;

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

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
  .elementor-heading-title a:hover::after,
  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
  .elementor-widget-container > a:hover::after,
  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__link
  p a:hover::after {
    transform:
      translateX(0.12rem);
  }
}


/* =====================================================
   15 | TABLET
   ===================================================== */

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

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__inner {
    width: min(
      calc(100% - 3rem),
      var(--pyi-content-width, 1200px)
    );

    padding:
      4.5rem
      0
      5rem;
  }

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__intro {
    grid-template-columns:
      minmax(0, 1fr);

    gap:
      1.4rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__intro-text {
    max-width:
      44rem !important;

    justify-self:
      start !important;
  }

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__grid {
    grid-template-columns:
      minmax(0, 1fr) !important;

    gap:
      1.25rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource {
    min-height:
      0;
  }
}


/* =====================================================
   16 | MOBIL
   ===================================================== */

@media (max-width: 767px) {

  .elementor-38 .elementor-element.elementor-element-85cf307 {
    scroll-margin-top:
      5.5rem;
  }

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__inner {
    box-sizing:
      border-box !important;

    width:
      100% !important;

    max-width:
      100% !important;

    margin:
      0
      auto !important;

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


  /* Intro */

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__intro {
    grid-template-columns:
      minmax(0, 1fr);

    margin-bottom:
      2.5rem !important;

    gap:
      1.35rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__heading,
  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__title,
  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__title
  .elementor-heading-title,
  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__intro-text {
    width:
      100% !important;

    max-width:
      100% !important;
  }


  /* Raster */

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resources__grid {
    grid-template-columns:
      minmax(0, 1fr) !important;

    gap:
      1.25rem !important;
  }


  /* Karte */

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource {
    min-height:
      0;

    padding:
      1.5rem !important;

    border-radius:
      0.55rem;
  }

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__icon {
    margin-bottom:
      1.1rem !important;
  }

  .elementor-38 .elementor-element.elementor-element-85cf307 .pyi-knowledge-resource__text {
    font-size:
      0.98rem !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd875b0 *//* =====================================================
   ProtectYourIT – Abschluss-CTA Betreuung
   ===================================================== */


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

.elementor-38 .elementor-element.elementor-element-dd875b0 {
  position: relative;
  width: 100%;

  overflow: hidden;

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

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

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


/* =====================================================
   02 | Dezente Lichtflächen
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-dd875b0::before {
  content: "";

  position: absolute;

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

  width: 24rem;
  height: 24rem;

  border-radius: 50%;

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

  pointer-events: none;
}

.elementor-38 .elementor-element.elementor-element-dd875b0::after {
  content: "";

  position: absolute;

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

  width: 30rem;
  height: 30rem;

  border-radius: 50%;

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

  pointer-events: none;
}


/* =====================================================
   03 | Innerer Bereich
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__inner {
  position: relative;
  z-index: 1;

  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(2.4rem, 3.5vw, 3.25rem)
    clamp(2rem, 3vw, 3rem);

  display: grid !important;

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

  align-items: center !important;

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


/* =====================================================
   04 | Textbereich
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__content {
  width: 100% !important;
  max-width: 48rem !important;

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

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


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

.elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__title {
  width: 100% !important;

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

.elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__title
.elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

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

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

  line-height: 1.12 !important;

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

  color: #ffffff !important;
}


/* =====================================================
   06 | Text
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__text {
  width: 100% !important;
  max-width: 43rem !important;

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

.elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__text,
.elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__text * {
  font-family:
    var(--pyi-font, "Fira Sans", sans-serif) !important;

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

  line-height: 1.55 !important;

  font-weight: 400 !important;

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

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


/* =====================================================
   07 | Button-Widget
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__button {
  width: auto !important;

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

  justify-self: end !important;
}


/* =====================================================
   08 | Button
   ===================================================== */

.elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__button
.elementor-button {
  min-width: 11.5rem;

  padding:
    0.95rem
    1.65rem !important;

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

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

  border-radius: 999px !important;

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

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

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

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

  font-weight: 700 !important;

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

  text-decoration: none !important;

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

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

  background: #fff200 !important;

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


/* =====================================================
   09 | Tablet
   ===================================================== */

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

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

    gap: 2rem;

    padding:
      2.5rem
      2rem;
  }

  .elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__title
  .elementor-heading-title {
    font-size:
      clamp(1.6rem, 2.7vw, 2.05rem) !important;
  }
}


/* =====================================================
   10 | Mobile
   ===================================================== */

@media (max-width: 767px) {

  .elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__inner {
    width: 86%;

    padding:
      2.5rem
      0;

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

    gap: 1.6rem;
  }

  .elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__content {
    max-width: 100% !important;
  }

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

  .elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__button {
    justify-self: start !important;
  }

  .elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__button
  .elementor-button {
    min-width: 0;

    width: 100% !important;
  }
}

.elementor-38 .elementor-element.elementor-element-dd875b0 .pyi-care-cta__button .elementor-button {
  padding: 1rem 1.9rem !important;
}/* End custom CSS */