.elementor-6641 .elementor-element.elementor-element-750137b{--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:center;}.elementor-6641 .elementor-element.elementor-element-750137b:not(.elementor-motion-effects-element-type-background), .elementor-6641 .elementor-element.elementor-element-750137b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0B0C;}.elementor-6641 .elementor-element.elementor-element-dfcb4ca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-6641 .elementor-element.elementor-element-11e5243{--display:flex;}.elementor-6641 .elementor-element.elementor-element-bb5a0d1{--display:flex;--justify-content:center;}.elementor-6641 .elementor-element.elementor-element-33204d1{--display:flex;--margin-top:3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-6641 .elementor-element.elementor-element-8044867{--display:flex;}.elementor-6641 .elementor-element.elementor-element-1601cd4 .elementor-heading-title{font-family:"Roboto", Poppins;font-size:2.5em;font-weight:800;color:var( --e-global-color-35eb0e7 );}.elementor-6641 .elementor-element.elementor-element-77484ff{--display:flex;}.elementor-6641 .elementor-element.elementor-element-8c771cb .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Poppins;font-size:25px;font-weight:600;fill:var( --e-global-color-35eb0e7 );color:var( --e-global-color-35eb0e7 );border-radius:5px 5px 5px 5px;}.elementor-6641 .elementor-element.elementor-element-b1e5358{--display:flex;}.elementor-6641 .elementor-element.elementor-element-298e3dd{--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:center;--align-items:center;}.elementor-6641 .elementor-element.elementor-element-298e3dd:not(.elementor-motion-effects-element-type-background), .elementor-6641 .elementor-element.elementor-element-298e3dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0B0C;}.elementor-6641 .elementor-element.elementor-element-548606d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-6641 .elementor-element.elementor-element-548606d.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-6641 .elementor-element.elementor-element-b33d662{--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;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-block-start:2%;--padding-block-end:0%;--padding-inline-start:0%;--padding-inline-end:0%;}.elementor-6641 .elementor-element.elementor-element-b33d662:not(.elementor-motion-effects-element-type-background), .elementor-6641 .elementor-element.elementor-element-b33d662 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0B0C;}.container-fluid .e-parent.e-con-full .e-con-boxed.elementor-element-b33d662{--padding-inline-start:0%;--padding-inline-end:0%;}.elementor-6641 .elementor-element.elementor-element-33563e1 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Roboto", Poppins;font-size:25px;font-weight:600;fill:var( --e-global-color-35eb0e7 );color:var( --e-global-color-35eb0e7 );border-radius:5px 5px 5px 5px;}.elementor-6641 .elementor-element.elementor-element-62fe7a3{--spacer-size:164px;}@media(min-width:768px){.elementor-6641 .elementor-element.elementor-element-750137b{--width:100%;}.elementor-6641 .elementor-element.elementor-element-11e5243{--width:33%;}.elementor-6641 .elementor-element.elementor-element-bb5a0d1{--content-width:1600px;}.elementor-6641 .elementor-element.elementor-element-33204d1{--width:80%;}.elementor-6641 .elementor-element.elementor-element-b1e5358{--width:33%;}.elementor-6641 .elementor-element.elementor-element-548606d{--width:94%;}}/* Start custom CSS for html, class: .elementor-element-4146801 *//* MLSP Rating Line */
.mlsp-rating{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:15px;
  line-height:1.1;
  color:rgba(255,255,255,.9);
  flex-wrap:wrap;              /* mobile: bricht sauber um */
}

.mlsp-stars{
  color:#f6c445;
  letter-spacing:2px;
  font-size:16px;
  white-space:nowrap;          /* Sterne bleiben zusammen */
  flex:0 0 auto;
}

.mlsp-rating-text{
  display:flex;
  gap:6px;
  align-items:baseline;
  flex-wrap:wrap;              /* mobile: Text bricht sauber um */
  min-width:0;
}

.mlsp-rating-text strong{
  font-weight:800;
  color:#fff;
}

.mlsp-rating-sub{
  font-size:13px;
  font-weight:600;
  color:rgba(255,255,255,.7);
  white-space:nowrap;          /* optional: verhindert hässliche Umbrüche */
}

/* Mobile Optimierung */
@media (max-width: 640px){
  .mlsp-rating{
    gap:8px;
    font-size:14px;
  }
  .mlsp-stars{
    font-size:15px;
    letter-spacing:1.5px;
  }
  .mlsp-rating-sub{
    font-size:12.5px;
  }
}

/* Sehr kleine Geräte */
@media (max-width: 420px){
  .mlsp-rating{
    gap:6px;
    font-size:13.5px;
  }
  .mlsp-rating-sub{
    white-space:normal;         /* damit es notfalls umbrechen darf */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8efddb6 */.mlsp-priceline{
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0;
}

.mlsp-price-main{
  font-size: 38px;
  font-weight: 900;
  letter-spacing: -0.5px;
  color: #ffffff;
  line-height: 1;
}

.mlsp-price-tax{
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  color: rgba(255,255,255,0.55);
  line-height: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3dfe496 *//* MLSP Bullet List – passend für Elementor / WooCommerce */
.mlsp-bullets{
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
  color: rgba(255,255,255,0.9);
  font-size: 16px;
  line-height: 1.45;
}

.mlsp-bullets li{
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

/* Check Icon */
.mlsp-check{
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1.5px solid rgba(255,255,255,0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  color: #ffffff;
  margin-top: 2px;
}

/* Text */
.mlsp-bullets span:last-child{
  display: block;
}

/* Optional: Hover-Feinschliff */
.mlsp-bullets li:hover .mlsp-check{
  border-color: #f4631b;
  color: #f4631b;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb7a241 */.payrow{
  margin-top:14px;
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;                 /* wichtig für Mobile */
  color:rgba(255,255,255,.60);
}

.paybadge{
  height:28px;
  padding:0 10px;
  border-radius:6px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.03);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:800;
  color:rgba(255,255,255,.88);
  white-space:nowrap;
}

.secure{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(255,255,255,.60);
  font-weight:650;
  white-space:nowrap;
}
.secure svg{
  width:16px;
  height:16px;
  fill:rgba(255,255,255,.65);
}

/* Trust Badges */
.trustgrid{
  margin-top:16px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:12px;
}

.trust{
  height:60px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:0 16px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.75);
  font-weight:700;
}
.trust svg{
  width:18px;
  height:18px;
  fill:rgba(255,255,255,.75);
}

/* Testimonial */
.testimonial{
  margin-top:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  padding:18px;
  display:grid;
  grid-template-columns: 44px 1fr;
  gap:14px;
  align-items:start;
}

.avatar{
  width:44px;
  height:44px;
  border-radius:999px;
  border:2px solid #f4631b;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}
.avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.testimonial p{
  margin:0;
  color:rgba(255,255,255,.66);
  font-size:15px;
}

/* =========================
   Mobile Optimierungen
   ========================= */
@media (max-width: 640px){

  .payrow{
    gap:8px;
  }

  /* Secure-Zeile nicht nach rechts drücken */
  .secure{
    margin-left:0;
    width:100%;
    justify-content:flex-start;
    font-size:13px;
  }

  /* Trust Badges untereinander statt gequetscht */
  .trustgrid{
    grid-template-columns:1fr;
    gap:10px;
  }

  .trust{
    height:auto;
    padding:14px;
    font-size:14px;
  }

  /* Testimonial kompakter */
  .testimonial{
    padding:16px;
    gap:12px;
  }

  .testimonial p{
    font-size:14.5px;
  }
}

/* Sehr kleine Geräte */
@media (max-width: 420px){

  .paybadge{
    font-size:11.5px;
    height:26px;
  }

  .secure{
    font-size:12.5px;
    white-space:normal;
  }

  .trust{
    font-size:13.5px;
  }

  .testimonial{
    grid-template-columns: 36px 1fr;
  }

  .avatar{
    width:36px;
    height:36px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b775b4b */:root{
  --bg:#0b0b0c;
  --line:rgba(255,255,255,.12);
  --text:#ffffff;
  --muted:rgba(255,255,255,.70);
  --accent:#f4631b;
  --star:#f6c445;
  --shadow: 0 26px 70px rgba(0,0,0,.55);
  --max: 1180px;
  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --pad-x:22px;
}

*{box-sizing:border-box}

.section{
  padding:86px 0;
  font-family:var(--font);
  color:#ffffff;
  overflow-x:hidden;
}

.container{max-width:var(--max); margin:0 auto; padding:0 var(--pad-x)}

.centerlabel{
  text-align:center;
  color:#ffffff;
  font-weight:900;
  letter-spacing:.2px;
  margin-bottom:18px;
}

.h2{
  text-align:center;
  margin:0 0 18px;
  color:#ffffff;
  font-size:44px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.6px;
}
.h2 .em{color:var(--accent); font-style:italic; font-weight:950}

.subcenter{
  text-align:center;
  color:rgba(255,255,255,.62);
  max-width:880px;
  color:#ffffff;
  margin:0 auto 26px;
  font-size:16px;
}

/* 3 steps */
.steps{
  margin-top:10px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:26px;
}
.step{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
  padding:26px;
  color: whtie;
  min-height:190px;
  padding-bottom: 25px;
  margin-bottom: 35px;
}
.step .num{font-weight:950; font-size:18px; margin-bottom:10px; color:rgba(255,255,255,.90)}
.step h3{margin:0 0 10px; font-size:20px; font-weight:900; color: white}
.step p{margin:0; color: white; font-size:15px}

/* Split sections */
.split{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:44px;
  align-items:center;
}

.imgframe{
  border-radius:0;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.02);
  overflow:hidden;
  box-shadow:var(--shadow);
}
.imgframe img{width:100%;height:auto;display:block}

.bigtitle{
  margin:0 0 18px;
  font-size:48px;
   color: white;
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.7px;
}
.bigtitle .em{color:var(--accent); font-style:italic}

.para{margin:0 0 16px;  color: white; font-size:16px}

.chips{margin-top:18px; display:flex; gap:12px; flex-wrap:wrap}
.chip{
  padding:10px 16px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.04);
  color:rgba(255,255,255,.85);
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:10px;
}
.chip .emoji{opacity:.9}

/* Comparison (Desktop) */
.compwrap{
  margin-top:26px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.03);
  overflow:hidden;
}
.comp-head{
  display:grid;
  grid-template-columns: 1fr 140px 140px 140px;
  padding:18px 22px;
  color:rgba(255,255,255,.55);
  font-weight:950;
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.12em;
}
.comp-head div:nth-child(2){color:var(--accent)}

.rew{
  display:grid;
  grid-template-columns: 1fr 140px 140px 140px;
  padding:18px 22px;
  border-top:1px solid rgba(255,255,255,.08);
  align-items:center;
  color:rgba(255,255,255,.88);
  font-weight:800;
  font-size:16px;
}

.cell{display:flex; justify-content:center; font-weight:950; color:rgba(255,255,255,.55)}
.cell.ok{color:var(--accent)}

.okmark{
  width:18px;height:18px;border-radius:999px;
  border:2px solid var(--accent);
  display:grid;place-items:center;
}
.okmark svg{width:12px;height:12px;fill:var(--accent)}
.xmark{font-size:18px; font-weight:950; color:rgba(255,255,255,.40)}

/* Reviews */
.kpis{
  margin-top:24px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:26px;
  justify-items:center;
  text-align:center;
}
.kpi{color:#fff}
.kpi .big{font-size:44px; font-weight:950; letter-spacing:-.4px}
.kpi .small{margin-top:10px; color:rgba(255,255,255,.58); font-weight:700}
.kpi .starsrow{margin-top:10px}
.kpi .starsrow svg{width:18px;height:18px;fill:var(--star)}

.reviewgrid{
  margin-top:30px;
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:26px;
}
.review{
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.10);
  padding:24px;
  min-height:230px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.review .starsline svg{width:18px;height:18px;fill:var(--star)}
.review p{margin:0;color:rgba(255,255,255,.60);font-size:15px}

.verified{
  margin-top:auto;
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.55);
  font-weight:800;
  font-size:13px;
}
.verified .tick{
  width:18px;height:18px;border-radius:999px;
  border:2px solid var(--accent);
  display:grid;place-items:center;
}
.verified .tick svg{width:12px;height:12px;fill:var(--accent)}

.morebtnwrap{display:flex;justify-content:center;margin-top:30px}
.morebtn{
  height:64px;
  width:360px;
  background:var(--accent);
  border:none;
  color:#fff;
  font-weight:950;
  font-size:18px;
  cursor:pointer;
  transition: transform .12s ease, filter .12s ease;
}
.morebtn:hover{transform:translateY(-1px);filter:brightness(1.03)}

/* FAQ */
.faqwrap{
  max-width:860px;
  margin:26px auto 0;
  display:grid;
  gap:18px;
}
.faqitem{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.02);
  padding:18px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  user-select:none;
   color: white;
  font-weight:800;
}
.faqitem .plus{color:white; font-size:20px; font-weight:950}
.faqpanel{
  display:none;
  max-width:860px;
  margin:-10px auto 0;
  border:1px solid rgba(255,255,255,.10);
  border-top:none;
  background:rgba(255,255,255,.02);
  padding:18px;
  color:rgba(255,255,255,.62);
}
.faqpanel.open{display:block}

/* Final CTA */
.finalstars{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
   color: white;
  font-weight:850;
  margin-bottom:18px;
}
.finalstars svg{width:18px;height:18px;fill:var(--star)}
.finalbox{text-align:center; max-width:920px; margin:0 auto}
.finalbox .title{
  font-size:52px;
  color: white;
  line-height:1.05;
  font-weight:950;
  letter-spacing:-.8px;
  margin:0 0 18px;
}
.finalbox .title .em{color:var(--accent); font-style:italic}
.finalbox p{margin:0 auto 16px;  color: white; max-width:820px; font-size:16px}

.finalcta{margin-top:18px; display:flex; justify-content:center}
.finalcta button{
  height:64px;
  width:420px;
  background:var(--accent);
  border:none;
  color:#fff;
  font-weight:950;
  font-size:18px;
  cursor:pointer;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:12px;
}
.finalcta svg{width:18px;height:18px;fill:#fff}

/* ===== Responsive & Mobile ===== */

.h2{font-size:clamp(28px, 5.2vw, 44px); line-height:1.15; letter-spacing:-.4px}
.bigtitle{font-size:clamp(30px, 6vw, 48px); line-height:1.12}
.finalbox .title{font-size:clamp(32px, 6.4vw, 52px); line-height:1.08}
.finalstars{flex-wrap:wrap; text-align:center}

@media (max-width: 1040px){
  .steps{grid-template-columns:1fr}
  .split{grid-template-columns:1fr; gap:26px}
  .reviewgrid{grid-template-columns:1fr}
  .kpis{grid-template-columns:1fr}
  .morebtn{width:100%}
  .finalcta button{width:100%}
}

@media (max-width: 900px){
  section{padding:64px 0}
  .steps{gap:16px}
  .step{padding:22px; min-height:auto}
  .split{gap:18px}
  .chip{padding:9px 12px; font-size:14px; line-height:1}

  #vergleich .compwrap{
    border:none;
    background:transparent;
    overflow:visible;
  }
  #vergleich .comp-head{display:none}

  #vergleich .rew{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
      "feat feat feat"
      "pix  cam  tri";
    gap:10px;
    padding:16px;
    margin-bottom:14px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.03);
    align-items:stretch;
  }
  #vergleich .rew > div:nth-child(1){
    grid-area:feat;
    font-weight:900;
    color:rgba(255,255,255,.92);
  }
  #vergleich .rew > div:nth-child(2){grid-area:pix}
  #vergleich .rew > div:nth-child(3){grid-area:cam}
  #vergleich .row > div:nth-child(4){grid-area:tri}

  #vergleich .rew > .cell{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:6px;
    padding:12px 8px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(255,255,255,.02);
    color:rgba(255,255,255,.78);
    min-height:58px;
  }

  #vergleich .rew > .cell::before{
    font-size:11px;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:rgba(255,255,255,.55);
  }
  #vergleich .rew > .cell:nth-child(2)::before{content:"PIXEM 2"; color:rgba(244,99,27,.95)}
  #vergleich .rew > .cell:nth-child(3)::before{content:"Cameraman"}
  #vergleich .row > .cell:nth-child(4)::before{content:"Tripod"}

  #vergleich .rew > .cell:nth-child(2){
    border-color:rgba(244,99,27,.35);
    background:rgba(244,99,27,.06);
  }
}

@media (max-width: 640px){
  section{padding:44px 0}
  .kpis{gap:18px}
  .reviewgrid{gap:18px}
  .review{padding:20px; min-height:auto}
  .kpi .big{font-size:38px}
  .morebtn{height:60px; font-size:17px}
  .faqwrap{gap:14px}
  .faqitem{padding:18px 16px; gap:14px; font-size:15px}
  .faqpanel{padding:16px; font-size:15px}
}

@media (max-width: 420px){
  #vergleich .row{
    grid-template-columns: 1fr;
    grid-template-areas:
      "feat"
      "pix"
      "cam"
      "tri";
  }
}/* End custom CSS */