.elementor-107332 .elementor-element.elementor-element-3dc06ed{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-107332 .elementor-element.elementor-element-978b98b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-107332 .elementor-element.elementor-element-978b98b:not(.elementor-motion-effects-element-type-background), .elementor-107332 .elementor-element.elementor-element-978b98b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hpmtechnologie.de/wp-content/uploads/2026/08/AdobeStock_Ratgeber_web-scaled.webp");background-position:center center;background-size:cover;}.elementor-107332 .elementor-element.elementor-element-9247922{--display:flex;}.elementor-107332 .elementor-element.elementor-element-b542c0b .elementor-post__thumbnail__link{padding-bottom:calc( 0.66 * 100% );}.elementor-107332 .elementor-element.elementor-element-b542c0b:after{content:"0.66";position:absolute;color:transparent;}.elementor-107332 .elementor-element.elementor-element-3bd30cd{--display:flex;}.elementor-107332 .elementor-element.elementor-element-d045bfe{--display:flex;}.elementor-107332 .elementor-element.elementor-element-d045bfe:not(.elementor-motion-effects-element-type-background), .elementor-107332 .elementor-element.elementor-element-d045bfe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hpmtechnologie.de/wp-content/uploads/2026/08/AdobeStock_FAQ_web-scaled.webp");}.elementor-107332 .elementor-element.elementor-element-d6be3b7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-107332 .elementor-element.elementor-element-d6be3b7:not(.elementor-motion-effects-element-type-background), .elementor-107332 .elementor-element.elementor-element-d6be3b7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hpmtechnologie.de/wp-content/uploads/2026/05/Produkt-Kategorie-SAMNOS.webp");}.elementor-107332 .elementor-element.elementor-element-154cc99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-107332 .elementor-element.elementor-element-154cc99:not(.elementor-motion-effects-element-type-background), .elementor-107332 .elementor-element.elementor-element-154cc99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.hpmtechnologie.de/wp-content/uploads/2025/03/Ringduese.webp");}.elementor-107332 .elementor-element.elementor-element-8e37f1e{--display:flex;}/* Start custom CSS */body.elementor-page-107332 {
  --hpm-red: #e3161c;
  --hpm-ink: #221f20;
  --hpm-slate: #515962;
  --hpm-line: #e4e7ea;
  --hpm-soft: #f5f6f7;
  --hpm-white: #ffffff;
  color: var(--hpm-ink);
  font-family: Barlow, sans-serif;
}

/* Hero */
body.elementor-page-107332 .elementor-element-978b98b {
  position: relative;
  overflow: hidden;
  margin: 24px 0 64px;
  padding: clamp(44px, 7vw, 86px) clamp(24px, 6vw, 76px);
  border-radius: 4px;
  background: linear-gradient(118deg, #121315 0%, #221f20 68%, #424346 100%);
  box-shadow: 0 18px 44px rgba(17,17,19,.14);
}
body.elementor-page-107332 .elementor-element-978b98b::after {
  content: "";
  position: absolute;
  right: -95px;
  bottom: -165px;
  width: 390px;
  height: 390px;
  border: 54px solid rgba(227,22,28,.28);
  border-radius: 50%;
}
body.elementor-page-107332 .elementor-element-978b98b > * {
  position: relative;
  z-index: 1;
}
body.elementor-page-107332 .elementor-element-c2c9b41 h4 {
  margin: 0;
  color: var(--hpm-red);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.25;
}
body.elementor-page-107332 .elementor-element-a672a40 .elementor-heading-title {
  max-width: 780px;
  margin: 0;
  color: var(--hpm-white);
  font-size: clamp(40px, 6vw, 72px);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.02;
}
body.elementor-page-107332 .elementor-element-94b14bc h2 {
  max-width: 840px;
  margin: 0;
  color: #d9dcdf;
  font-size: clamp(18px, 2.2vw, 24px);
  font-weight: 500;
  line-height: 1.5;
}

/* Inhaltsbereiche */
body.elementor-page-107332 .elementor-element-9247922,
body.elementor-page-107332 .elementor-element-3bd30cd {
  margin-bottom: 56px;
  padding: clamp(30px, 5vw, 54px);
  border: 1px solid var(--hpm-line);
  border-radius: 4px;
  background: var(--hpm-soft);
}
body.elementor-page-107332 .elementor-element-a61f5c0 .elementor-heading-title,
body.elementor-page-107332 .elementor-element-4cdefcc .elementor-heading-title {
  margin: 0;
  color: var(--hpm-ink);
  font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 700;
  letter-spacing: -.015em;
  line-height: 1.15;
}
body.elementor-page-107332 .elementor-element-9247922 .elementor-widget-text-editor p,
body.elementor-page-107332 .elementor-element-3bd30cd .elementor-widget-text-editor p {
  max-width: 760px;
  color: var(--hpm-slate);
  font-size: 17px;
  line-height: 1.65;
}

/* Ratgeberkarten */
body.elementor-page-107332 .elementor-element-b542c0b .elementor-portfolio,
body.elementor-page-107332 .elementor-element-7e79acb .elementor-portfolio {
  gap: 24px;
}
body.elementor-page-107332 .elementor-element-b542c0b .elementor-portfolio {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
body.elementor-page-107332 .elementor-element-7e79acb .elementor-portfolio {
  grid-template-columns: minmax(0, 560px) !important;
}
body.elementor-page-107332 .elementor-element-b542c0b .elementor-portfolio-item,
body.elementor-page-107332 .elementor-element-7e79acb .elementor-portfolio-item {
  overflow: hidden;
  min-height: 320px;
  border: 1px solid var(--hpm-line);
  border-radius: 4px;
  background: var(--hpm-white);
  box-shadow: 0 10px 28px rgba(17,17,19,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}
body.elementor-page-107332 .elementor-element-b542c0b .elementor-portfolio-item:hover,
body.elementor-page-107332 .elementor-element-7e79acb .elementor-portfolio-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(17,17,19,.14);
}
body.elementor-page-107332 .elementor-element-b542c0b .elementor-post__thumbnail__link,
body.elementor-page-107332 .elementor-element-7e79acb .elementor-post__thumbnail__link {
  height: 100%;
}
body.elementor-page-107332 .elementor-element-b542c0b .elementor-post__thumbnail,
body.elementor-page-107332 .elementor-element-7e79acb .elementor-post__thumbnail {
  height: 100%;
}
body.elementor-page-107332 .elementor-element-b542c0b img,
body.elementor-page-107332 .elementor-element-7e79acb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
body.elementor-page-107332 .elementor-element-b542c0b .elementor-portfolio-item:hover img,
body.elementor-page-107332 .elementor-element-7e79acb .elementor-portfolio-item:hover img {
  transform: scale(1.035);
}
body.elementor-page-107332 .elementor-element-b542c0b .elementor-portfolio-item__overlay,
body.elementor-page-107332 .elementor-element-7e79acb .elementor-portfolio-item__overlay {
  display: flex;
  align-items: flex-end;
  padding: 28px;
  background: linear-gradient(180deg, rgba(18,19,21,.04) 20%, rgba(18,19,21,.92) 100%);
  opacity: 1;
}
body.elementor-page-107332 .elementor-element-b542c0b .elementor-portfolio-item__title,
body.elementor-page-107332 .elementor-element-7e79acb .elementor-portfolio-item__title {
  max-width: 92%;
  margin: 0;
  color: var(--hpm-white);
  font-size: clamp(21px, 2.3vw, 29px);
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  text-wrap: balance;
}
body.elementor-page-107332 .elementor-element-b542c0b .elementor-portfolio-item__title::after,
body.elementor-page-107332 .elementor-element-7e79acb .elementor-portfolio-item__title::after {
  content: "  →";
  color: var(--hpm-red);
}

/* Kontaktabschluss */
body.elementor-page-107332 .elementor-element-8e37f1e {
  position: relative;
  overflow: hidden;
  margin: 10px 0 60px;
  padding: clamp(34px, 5vw, 56px);
  border-left: 6px solid var(--hpm-red);
  border-radius: 4px;
  background: var(--hpm-ink);
  box-shadow: 0 14px 34px rgba(17,17,19,.12);
}
body.elementor-page-107332 .elementor-element-d55d39f .elementor-heading-title {
  color: var(--hpm-white);
  font-size: clamp(28px, 3.4vw, 40px);
  font-weight: 700;
  line-height: 1.15;
}
body.elementor-page-107332 .elementor-element-8e37f1e .elementor-widget-text-editor p {
  max-width: 720px;
  color: #d9dcdf;
  font-size: 17px;
  line-height: 1.6;
}
body.elementor-page-107332 .elementor-element-05b3de8 .elementor-button {
  min-height: 50px;
  padding: 14px 26px;
  border-radius: 3px;
  background: var(--hpm-red);
  color: var(--hpm-white);
  font-size: 16px;
  font-weight: 700;
  box-shadow: none;
}
body.elementor-page-107332 .elementor-element-05b3de8 .elementor-button:hover,
body.elementor-page-107332 .elementor-element-05b3de8 .elementor-button:focus {
  background: var(--hpm-white);
  color: var(--hpm-ink);
}

@media (max-width: 767px) {
  body.elementor-page-107332 .elementor-element-978b98b {
    margin: 12px 0 36px;
    padding: 38px 22px 42px;
  }
  body.elementor-page-107332 .elementor-element-978b98b::after {
    right: -150px;
    bottom: -210px;
  }
  body.elementor-page-107332 .elementor-element-c2c9b41 h4 {
    font-size: 12px;
    letter-spacing: .12em;
  }
  body.elementor-page-107332 .elementor-element-a672a40 .elementor-heading-title {
    font-size: 40px;
  }
  body.elementor-page-107332 .elementor-element-94b14bc h2 {
    font-size: 18px;
    line-height: 1.45;
  }
  body.elementor-page-107332 .elementor-element-9247922,
  body.elementor-page-107332 .elementor-element-3bd30cd {
    margin-bottom: 34px;
    padding: 26px 18px;
  }
  body.elementor-page-107332 .elementor-element-b542c0b .elementor-portfolio,
  body.elementor-page-107332 .elementor-element-7e79acb .elementor-portfolio {
    grid-template-columns: 1fr !important;
    gap: 18px;
  }
  body.elementor-page-107332 .elementor-element-b542c0b .elementor-portfolio-item,
  body.elementor-page-107332 .elementor-element-7e79acb .elementor-portfolio-item {
    min-height: 270px;
  }
  body.elementor-page-107332 .elementor-element-b542c0b .elementor-portfolio-item__overlay,
  body.elementor-page-107332 .elementor-element-7e79acb .elementor-portfolio-item__overlay {
    padding: 22px;
  }
  body.elementor-page-107332 .elementor-element-b542c0b .elementor-portfolio-item__title,
  body.elementor-page-107332 .elementor-element-7e79acb .elementor-portfolio-item__title {
    font-size: 21px;
  }
  body.elementor-page-107332 .elementor-element-8e37f1e {
    margin-bottom: 36px;
    padding: 30px 20px;
  }
  body.elementor-page-107332 .elementor-element-05b3de8 .elementor-button {
    width: 100%;
    min-height: 48px;
    padding: 13px 18px;
    font-size: 16px;
  }
}
/* Kontrast über dem bestehenden Hero-Bild */
body.elementor-page-107332 .elementor-element-978b98b::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  border-radius: inherit;
  background: linear-gradient(105deg, rgba(18,19,21,.94) 0%, rgba(34,31,32,.84) 58%, rgba(34,31,32,.56) 100%);
  pointer-events: none;
}

/* Leere Portfolio-Platzhalter ausblenden */
body.elementor-page-107332 .elementor-element-b542c0b .elementor-portfolio-ghost-item,
body.elementor-page-107332 .elementor-element-7e79acb .elementor-portfolio-ghost-item {
  display: none !important;
}

/* Individuelle FAQ-Karten */
body.elementor-page-107332 .elementor-element-3bd30cd > .e-con-inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}
body.elementor-page-107332 .elementor-element-3bd30cd > .e-con-inner > .elementor-element-4cdefcc,
body.elementor-page-107332 .elementor-element-3bd30cd > .e-con-inner > .elementor-element-8e9860c {
  grid-column: 1 / -1;
}
body.elementor-page-107332 .elementor-element-d045bfe,
body.elementor-page-107332 .elementor-element-d6be3b7,
body.elementor-page-107332 .elementor-element-154cc99 {
  position: relative;
  display: flex;
  min-width: 0;
  min-height: 290px;
  padding: 28px 26px;
  border: 1px solid var(--hpm-line);
  border-top: 5px solid var(--hpm-red);
  border-radius: 4px;
  background: var(--hpm-white);
  box-shadow: 0 8px 24px rgba(17,17,19,.07);
  transition: transform .2s ease, box-shadow .2s ease;
}
body.elementor-page-107332 .elementor-element-d045bfe:hover,
body.elementor-page-107332 .elementor-element-d6be3b7:hover,
body.elementor-page-107332 .elementor-element-154cc99:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(17,17,19,.13);
}
body.elementor-page-107332 .elementor-element-d045bfe h4,
body.elementor-page-107332 .elementor-element-d6be3b7 h4,
body.elementor-page-107332 .elementor-element-154cc99 h4 {
  margin: 0;
  color: var(--hpm-ink);
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
  text-wrap: balance;
}
body.elementor-page-107332 .elementor-element-d045bfe .elementor-widget-text-editor p,
body.elementor-page-107332 .elementor-element-d6be3b7 .elementor-widget-text-editor p,
body.elementor-page-107332 .elementor-element-154cc99 .elementor-widget-text-editor p {
  margin: 0;
  color: var(--hpm-slate);
  font-size: 16px;
  line-height: 1.55;
}
body.elementor-page-107332 .elementor-element-56bd915,
body.elementor-page-107332 .elementor-element-4ee7a7e,
body.elementor-page-107332 .elementor-element-1f15e72 {
  margin-top: auto;
  padding-top: 20px;
}
body.elementor-page-107332 .elementor-element-56bd915 p,
body.elementor-page-107332 .elementor-element-4ee7a7e p,
body.elementor-page-107332 .elementor-element-1f15e72 p,
body.elementor-page-107332 .elementor-element-56bd915 a,
body.elementor-page-107332 .elementor-element-4ee7a7e a,
body.elementor-page-107332 .elementor-element-1f15e72 a {
  color: var(--hpm-red) !important;
  font-size: 15px !important;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
}
body.elementor-page-107332 .elementor-element-56bd915 p::after,
body.elementor-page-107332 .elementor-element-4ee7a7e p::after,
body.elementor-page-107332 .elementor-element-1f15e72 p::after {
  content: "  →";
  color: var(--hpm-red);
}
@media (max-width: 1024px) {
  body.elementor-page-107332 .elementor-element-3bd30cd > .e-con-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  body.elementor-page-107332 .elementor-element-154cc99 {
    grid-column: 1 / -1;
  }
}
@media (max-width: 767px) {
  body.elementor-page-107332 .elementor-element-3bd30cd > .e-con-inner {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  body.elementor-page-107332 .elementor-element-154cc99 {
    grid-column: auto;
  }
  body.elementor-page-107332 .elementor-element-d045bfe,
  body.elementor-page-107332 .elementor-element-d6be3b7,
  body.elementor-page-107332 .elementor-element-154cc99 {
    min-height: 0;
    padding: 24px 20px;
  }
  body.elementor-page-107332 .elementor-element-d045bfe h4,
  body.elementor-page-107332 .elementor-element-d6be3b7 h4,
  body.elementor-page-107332 .elementor-element-154cc99 h4 {
    font-size: 20px;
  }
}

/* FAQ-Motive dezent hinter dem Text */
body.elementor-page-107332 .elementor-element-d045bfe,
body.elementor-page-107332 .elementor-element-d6be3b7,
body.elementor-page-107332 .elementor-element-154cc99 {
  background-color: rgba(255,255,255,.88);
  background-position: center;
  background-size: cover;
  background-blend-mode: screen;
}

/* FAQ-Karten wie die Ratgeber-Bildkacheln */
body.elementor-page-107332 .elementor-element-d045bfe,
body.elementor-page-107332 .elementor-element-d6be3b7,
body.elementor-page-107332 .elementor-element-154cc99 {
  position: relative;
  isolation: isolate;
  justify-content: flex-end;
  overflow: hidden;
  min-height: 330px;
  padding: 28px;
  border: 0;
  border-radius: 4px;
  background-color: transparent;
  background-position: center;
  background-size: cover;
  background-blend-mode: normal;
  box-shadow: 0 10px 28px rgba(17,17,19,.10);
}
body.elementor-page-107332 .elementor-element-d045bfe::before,
body.elementor-page-107332 .elementor-element-d6be3b7::before,
body.elementor-page-107332 .elementor-element-154cc99::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(18,19,21,.04) 15%, rgba(18,19,21,.90) 100%);
  pointer-events: none;
}
body.elementor-page-107332 .elementor-element-d045bfe h4,
body.elementor-page-107332 .elementor-element-d6be3b7 h4,
body.elementor-page-107332 .elementor-element-154cc99 h4 {
  color: var(--hpm-white);
  font-size: 22px;
}
body.elementor-page-107332 .elementor-element-d045bfe .elementor-widget-text-editor p,
body.elementor-page-107332 .elementor-element-d6be3b7 .elementor-widget-text-editor p,
body.elementor-page-107332 .elementor-element-154cc99 .elementor-widget-text-editor p {
  color: #eef0f2;
}
body.elementor-page-107332 .elementor-element-56bd915,
body.elementor-page-107332 .elementor-element-4ee7a7e,
body.elementor-page-107332 .elementor-element-1f15e72 {
  margin-top: 0;
  padding-top: 14px;
}
body.elementor-page-107332 .elementor-element-56bd915 p,
body.elementor-page-107332 .elementor-element-4ee7a7e p,
body.elementor-page-107332 .elementor-element-1f15e72 p,
body.elementor-page-107332 .elementor-element-56bd915 a,
body.elementor-page-107332 .elementor-element-4ee7a7e a,
body.elementor-page-107332 .elementor-element-1f15e72 a {
  color: var(--hpm-red) !important;
}
@media (max-width: 767px) {
  body.elementor-page-107332 .elementor-element-d045bfe,
  body.elementor-page-107332 .elementor-element-d6be3b7,
  body.elementor-page-107332 .elementor-element-154cc99 {
    min-height: 310px;
    padding: 24px 20px;
  }
}

/* FAQ-Linktext weiß, Pfeil HPM-Rot */
body.elementor-page-107332 .elementor-element-56bd915 p,
body.elementor-page-107332 .elementor-element-4ee7a7e p,
body.elementor-page-107332 .elementor-element-1f15e72 p,
body.elementor-page-107332 .elementor-element-56bd915 a,
body.elementor-page-107332 .elementor-element-4ee7a7e a,
body.elementor-page-107332 .elementor-element-1f15e72 a {
  color: var(--hpm-white) !important;
}
body.elementor-page-107332 .elementor-element-56bd915 p::after,
body.elementor-page-107332 .elementor-element-4ee7a7e p::after,
body.elementor-page-107332 .elementor-element-1f15e72 p::after {
  color: var(--hpm-red) !important;
}/* End custom CSS */