.elementor-49 .elementor-element.elementor-element-4aa2f98{--display:flex;}.elementor-49 .elementor-element.elementor-element-f482311{--display:flex;}.elementor-49 .elementor-element.elementor-element-6b693e6{--display:flex;}.elementor-49 .elementor-element.elementor-element-c427105{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-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-49 .elementor-element.elementor-element-85be418{--display:flex;}.elementor-49 .elementor-element.elementor-element-7bee488{--display:flex;--padding-top:0rem;--padding-bottom:6rem;--padding-left:0rem;--padding-right:0rem;}.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-49 .elementor-element.elementor-element-42b607c{--grid-columns:1;}.elementor-49 .elementor-element.elementor-element-d680d88{--display:flex;}.elementor-49 .elementor-element.elementor-element-7d09dee{--display:flex;}.elementor-49 .elementor-element.elementor-element-dc1cfae{--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-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-49 .elementor-element.elementor-element-7bee488{--padding-top:5rem;--padding-bottom:5rem;--padding-left:5rem;--padding-right:5rem;}.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-49 .elementor-element.elementor-element-42b607c{--grid-columns:2;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-49 .elementor-element.elementor-element-7bee488{--padding-top:0rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.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-49 .elementor-element.elementor-element-42b607c{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-4aa2f98 *//* =====================================================
   PROTECTYOURIT – BRIEF-IT
   Bereinigter Seitenblock

   Ort:
   Oberster Hauptcontainer der Brief-IT-Seite
   → Erweitert
   → Individuelles CSS

   Globale H1-Typografie:
   Klasse pyi-page-title
   ===================================================== */


/* =====================================================
   01 | SEITENGRUNDFLÄCHE
   ===================================================== */

.elementor-49 .elementor-element.elementor-element-4aa2f98 {
  width: 100%;
  max-width: none;

  margin: 0;
  padding: 0;

  overflow: visible;

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


/* =====================================================
   02 | HERO
   ===================================================== */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero {
  position: relative;

  width: 100%;

  overflow: hidden;

  background:
    radial-gradient(
      circle at 86% 18%,
      rgba(0, 150, 228, 0.09),
      transparent 27%
    ),
    linear-gradient(
      135deg,
      #f4f9fd 0%,
      #edf6ff 100%
    );
}


/* Hero-Innenbereich */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-inner {
  display: grid !important;

  grid-template-columns:
    minmax(0, 1.5fr)
    minmax(18rem, 0.72fr);

  align-items: center !important;

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

  box-sizing: border-box;

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

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

  margin-inline: auto;

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


/* Hero-Inhalt */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

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


/* =====================================================
   03 | HERO-EYEBROW
   ===================================================== */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__eyebrow,
.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__eyebrow .elementor-heading-title {
  position: relative;

  width: auto;

  margin:
    0
    0
    1rem !important;

  padding:
    0
    0
    0.65rem !important;

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

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

  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;

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

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__eyebrow::after {
  content: "";

  position: absolute;

  left: 0;
  bottom: 0;

  width: 2.1rem;
  height: 3px;

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

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


/* =====================================================
   04 | HERO-H1

   Typografie kommt global aus:
   pyi-page-title

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

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-title {
  width: 100%;
  max-width: 52rem;

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

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;
}


/* =====================================================
   05 | HERO-EINLEITUNG
   ===================================================== */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-intro {
  max-width: 47rem;

  margin-top: 1.5rem !important;

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

  font-size:
    clamp(1.05rem, 1.4vw, 1.2rem) !important;

  line-height: 1.65 !important;

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

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-intro p {
  margin: 0 !important;
}


/* =====================================================
   06 | THEMEN-CHIPS
   ===================================================== */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__topics {
  width: 100%;

  margin-top: 1.75rem !important;
}

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__topics ul {
  display: flex !important;
  flex-wrap: wrap !important;

  gap: 0.65rem !important;

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

  list-style: none !important;
}

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__topics li {
  padding:
    0.55rem
    0.9rem !important;

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

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

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

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

  font-size: 0.88rem !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;

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


/* =====================================================
   07 | HERO-SEITENKARTE
   ===================================================== */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card {
  display: flex !important;
  flex-direction: column !important;

  min-width: 0;

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

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

  border-radius:
    var(--pyi-radius-card, 0.9rem);

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

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


/* Karten-Eyebrow */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card-eyebrow,
.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card-eyebrow
.elementor-heading-title {
  margin:
    0
    0
    0.75rem !important;

  padding: 0 !important;

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

  font-size: 0.72rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;

  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;

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


/* Karten-Titel */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card-title,
.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card-title
.elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

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

  font-size:
    clamp(1.35rem, 1.8vw, 1.6rem) !important;

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

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


/* Karten-Text */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card-text {
  margin-top: 1rem !important;

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

  font-size: 0.98rem !important;
  line-height: 1.62 !important;

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

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card-text p {
  margin: 0 !important;
}


/* Karten-Link */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card-link {
  margin-top: 1.35rem !important;
}

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card-link a {
  font-family:
    var(--pyi-font-primary, "Fira Sans", sans-serif) !important;

  font-size: 0.92rem !important;
  font-weight: 700 !important;

  text-decoration: none !important;

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

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card-link a::after {
  content: " ↓";
}

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card-link a:hover,
.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card-link a:focus {
  color:
    var(--pyi-color-secondary, #0096e4) !important;
}


/* =====================================================
   08 | LOOP-GRID-BEREICH
   ===================================================== */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__featured,
.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__archive {
  width: 100%;
}

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__featured {
  background:
    var(--pyi-color-white, #ffffff);
}

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__archive {
  background:
    linear-gradient(
      180deg,
      #f3f8ff 0%,
      #ffffff 100%
    );
}


/* Innere Abschnittsbreite */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__featured-inner,
.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__archive-inner {
  box-sizing: border-box;

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

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

  margin-inline: auto;

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


/* Loop-Grid */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__grid {
  width: 100%;
  min-width: 0;

  margin: 0 !important;

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

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__grid
.elementor-loop-container {
  grid-template-columns:
    minmax(0, 1fr) !important;

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

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__grid
.e-loop-item {
  width: 100%;
  min-width: 0;
}


/* =====================================================
   09 | OPTIONALER ABSCHNITTSKOPF
   ===================================================== */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__section-head {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;

  max-width: 52rem;

  margin-bottom:
    clamp(2rem, 3.5vw, 3rem);
}

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__section-head h2,
.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__section-head
.elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

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

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

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

  letter-spacing: -0.035em !important;

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

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__section-intro {
  max-width: 48rem;

  margin-top: 1.1rem !important;

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

  font-size: 1.04rem !important;
  line-height: 1.65 !important;

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

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__section-intro p {
  margin: 0 !important;
}


/* =====================================================
   10 | CTA
   ===================================================== */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta {
  width: 100%;

  background:
    linear-gradient(
      135deg,
      var(--pyi-color-primary, #00408c) 0%,
      #006bb8 100%
    );
}

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-inner {
  display: grid !important;

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

  align-items: center !important;

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

  box-sizing: border-box;

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

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

  margin-inline: auto;

  padding:
    clamp(4rem, 6vw, 5.5rem)
    0;
}

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-content {
  max-width: 48rem;
}


/* CTA-Überschrift */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-content h2,
.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-content
.elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;

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

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

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

  letter-spacing: -0.035em !important;

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


/* CTA-Text */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-content p {
  max-width: 45rem;

  margin:
    1rem
    0
    0 !important;

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

  font-size: 1.04rem !important;
  line-height: 1.62 !important;

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


/* CTA-Button */

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-button {
  min-width: max-content;
}

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-button
.elementor-button {
  min-height: 3.15rem;

  padding:
    0.85rem
    1.35rem !important;

  border:
    1px solid
    var(--pyi-color-white, #ffffff) !important;

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

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

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

  font-size: 0.94rem !important;
  font-weight: 700 !important;

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

.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-button
.elementor-button:hover,
.elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-button
.elementor-button:focus {
  border-color:
    var(--pyi-color-highlight, #ede500) !important;

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

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


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

@media (max-width: 1024px) {

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-inner {
    grid-template-columns:
      minmax(0, 1fr);

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

    gap: 3rem;

    padding:
      5rem
      0;
  }

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-content {
    max-width: 48rem;
  }

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card {
    max-width: 40rem;
  }

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__featured-inner,
  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__archive-inner,
  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-inner {
    width: min(
      calc(100% - 3rem),
      var(--pyi-content-width, 1200px)
    );
  }

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__grid {
    padding-bottom: 5rem;
  }

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-inner {
    grid-template-columns:
      minmax(0, 1fr);
  }

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-button {
    justify-self: start;
  }
}


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

@media (max-width: 767px) {

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-inner,
  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__featured-inner,
  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__archive-inner,
  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-inner {
    width:
      calc(100% - 2.5rem);
  }


  /* Hero */

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-inner {
    gap: 2.25rem;

    padding:
      4rem
      0;
  }

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-intro {
    font-size: 1rem !important;
  }

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__topics ul {
    align-items: flex-start;
  }

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__hero-card {
    padding: 1.5rem;
  }


  /* Abschnitte */

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__featured-inner,
  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__archive-inner {
    padding:
      4rem
      0;
  }

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__section-head h2,
  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__section-head
  .elementor-heading-title {
    font-size:
      clamp(1.9rem, 8vw, 2.5rem) !important;
  }


  /* Loop Grid */

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__grid {
    padding-bottom: 4rem;
  }


  /* CTA */

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-inner {
    padding:
      4rem
      0;
  }

  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-button,
  .elementor-49 .elementor-element.elementor-element-4aa2f98 .pyi-brief__cta-button
  .elementor-button {
    width: 100% !important;
  }
}/* End custom CSS */