/* pixelschmitt Frontend Build System
 * Referenzen · Post-ID 8349
 */

/* ===========================================================
   Kundenstimmen
   =========================================================== */
#ps-references .ps-quotes{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
    margin-top:48px;
}
#ps-references .ps-quote{
    display:flex;
    flex-direction:column;
    height:100%;
    padding:36px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:26px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
    box-shadow:0 16px 40px rgba(24,49,63,.12);
}
/* Theme-Blockquote komplett neutralisieren */
#ps-references .ps-quote blockquote{
    display:block !important;
    width:100% !important;
    margin:0 0 28px !important;
    padding:0 !important;
    background:none !important;
    background-color:transparent !important;
    background-image:none !important;
    border:none !important;
    border-left:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#ffffff !important;
    font-family:inherit !important;
    font-size:clamp(20px,2vw,25px) !important;
    font-style:normal !important;
    font-weight:400 !important;
    line-height:1.55 !important;
    text-align:left !important;
    quotes:none !important;
}
/* Alle Theme-Pseudoelemente entfernen */
#ps-references .ps-quote blockquote::before,
#ps-references .ps-quote blockquote::after{
    content:none !important;
    display:none !important;
}
/* Falls Elementor automatisch <p> erzeugt */
#ps-references .ps-quote blockquote p{
    margin:0 !important;
    padding:0 !important;
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    color:inherit !important;
    font:inherit !important;
    line-height:inherit !important;
}
/* Autor */
#ps-references .ps-quote footer{
    margin-top:auto;
    color:rgba(255,255,255,.72);
    font-size:15px;
    line-height:1.45;
}
#ps-references .ps-quote strong{
    display:block;
    margin-bottom:4px;
    color:#ffffff;
    font-size:19px;
    font-weight:700;
}
  #ps-references{
    --blue:#385e72;--blue-dark:#233f4d;--orange:#ffa600;--orange-soft:#fff3d8;
    --ink:#17313e;--text:#42545d;--muted:#6d7d84;--light:#f3f6f7;--white:#fff;
    --line:rgba(56,94,114,.16);--shadow:0 24px 70px rgba(31,61,74,.11);
    color:var(--text);background:var(--white);font-family:"Signika",Arial,sans-serif;
    font-size:18px;line-height:1.62;overflow:hidden
  }
  #ps-references *,#ps-references *::before,#ps-references *::after{box-sizing:border-box}
  #ps-references a{color:inherit}
  #ps-references button{font:inherit}
  #ps-references h1,#ps-references h2,#ps-references h3,#ps-references p{margin-top:0}
  #ps-references h1,#ps-references h2,#ps-references h3{color:var(--ink);font-weight:700;line-height:1.08;text-wrap:balance}
  #ps-references h1{max-width:1000px;margin-bottom:26px;font-size:clamp(48px,7vw,92px);letter-spacing:-.045em}
  #ps-references h2{max-width:920px;margin-bottom:24px;font-size:clamp(36px,5vw,66px);letter-spacing:-.035em}
  #ps-references h3{margin-bottom:14px;font-size:clamp(24px,2.4vw,33px)}
  #ps-references .ps-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
  #ps-references .ps-section{padding:clamp(76px,9vw,126px) 0}
  #ps-references .ps-light{background:var(--light)}
  #ps-references .ps-blue{color:var(--white);background:radial-gradient(circle at 92% 10%,rgba(255,166,0,.2),transparent 30%),var(--blue)}
  #ps-references .ps-blue h2,#ps-references .ps-blue h3{color:var(--white)}
  #ps-references .ps-lead{max-width:830px;margin-bottom:35px;font-size:clamp(21px,2.2vw,28px);line-height:1.45}
  #ps-references .ps-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--blue);font-size:14px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}
  #ps-references .ps-kicker::before{width:34px;height:4px;border-radius:10px;background:var(--orange);content:""}
  #ps-references .ps-blue .ps-kicker{color:var(--white)}
  #ps-references .ps-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
  #ps-references .ps-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:15px 27px;border:2px solid var(--orange);border-radius:999px;background:var(--orange);color:var(--ink);font-weight:700;line-height:1.2;text-align:center;text-decoration:none!important;transition:.2s ease}
  #ps-references .ps-btn:hover,#ps-references .ps-btn:focus-visible{transform:translateY(-3px);background:#ffb424;box-shadow:0 13px 28px rgba(255,166,0,.28)}
  #ps-references .ps-btn--ghost{border-color:rgba(56,94,114,.28);background:transparent;color:var(--blue)}
  #ps-references .ps-blue .ps-btn--ghost{border-color:rgba(255,255,255,.48);color:var(--white)}
  /* Hero */
  #ps-references .ps-hero{position:relative;display:grid;min-height:min(820px,90vh);align-items:center;padding:clamp(92px,11vw,145px) 0 72px;isolation:isolate}
  #ps-references .ps-hero::before{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.91) 66%,rgba(255,255,255,.48)),repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(56,94,114,.06) 10%);content:""}
  #ps-references .ps-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:25px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.86);color:var(--blue);font-size:15px;font-weight:700}
  #ps-references .ps-badge::before{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(255,166,0,.16);content:""}
  #ps-references .ps-hero-copy>p{max-width:790px;font-size:clamp(20px,2vw,26px);line-height:1.48}
  #ps-references .ps-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:68px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--line)}
  #ps-references .ps-proof div{padding:25px;background:rgba(255,255,255,.94);color:var(--blue);font-size:15px;font-weight:700}
  #ps-references .ps-proof strong{display:block;margin-bottom:4px;color:var(--ink);font-size:clamp(24px,2.5vw,35px);line-height:1.1}
  #ps-references .ps-case-link{margin-top:auto;color:var(--blue);font-weight:700;text-decoration:none!important}
  #ps-references .ps-case-link:hover{text-decoration:underline!important}
  /* Logos */
  #ps-references .ps-center{text-align:center}
  #ps-references .ps-center h2,#ps-references .ps-center .ps-lead{margin-inline:auto}
  #ps-references .ps-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:43px}
  #ps-references .ps-logo{display:grid;min-width:0;min-height:142px;padding:21px 14px 16px;place-items:center;align-content:center;gap:13px;border:1px solid var(--line);border-radius:20px;background:var(--white);color:var(--blue-dark);font-size:14px;font-weight:700;line-height:1.2;text-align:center;box-shadow:0 8px 25px rgba(31,61,74,.045)}
  #ps-references .ps-logo img{display:block;width:auto;height:55px;max-width:165px;object-fit:contain;filter:saturate(.88)}
  #ps-references .ps-logo span{display:block}
  #ps-references .ps-logo--text span{color:var(--blue);font-size:30px;letter-spacing:.04em}
  /* Quotes */
  #ps-references .ps-quotes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}
  #ps-references .ps-quote{display:flex;min-height:100%;flex-direction:column;padding:33px;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:rgba(255,255,255,.1)}
  #ps-references .ps-quote blockquote{margin:0 0 28px;color:var(--white);font-size:clamp(20px,2vw,25px);line-height:1.46}
  #ps-references .ps-quote footer{margin-top:auto;color:rgba(255,255,255,.75);font-size:15px;line-height:1.4}
  #ps-references .ps-quote strong{display:block;color:var(--white);font-size:18px}
  #ps-references .ps-quote-actions{justify-content:center;margin-top:37px}
  /* More proof */
  #ps-references .ps-more{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:46px}
  #ps-references .ps-feature{display:flex;min-height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:29px;background:var(--white);box-shadow:0 13px 40px rgba(31,61,74,.06)}
  #ps-references .ps-feature img{display:block;width:100%;height:290px;object-fit:cover}
  #ps-references .ps-feature-copy{display:flex;flex:1;flex-direction:column;padding:32px}
  #ps-references .ps-feature-copy p{margin-bottom:24px}
  #ps-references .ps-feature-copy .ps-case-link{margin-top:auto}
  #ps-references .ps-icon{display:grid;width:52px;height:52px;margin-bottom:22px;place-items:center;border-radius:16px;background:var(--orange);color:var(--ink);font-size:24px;font-weight:700}
  /* FAQ */
  #ps-references .ps-faq{max-width:920px;margin:42px auto 0}
  #ps-references details{margin-bottom:12px;border:1px solid var(--line);border-radius:18px;background:var(--white);overflow:hidden}
  #ps-references summary{position:relative;padding:22px 60px 22px 24px;color:var(--ink);font-weight:700;cursor:pointer;list-style:none}
  #ps-references summary::-webkit-details-marker{display:none}
  #ps-references summary::after{position:absolute;right:24px;top:50%;font-size:26px;transform:translateY(-50%);content:"+"}
  #ps-references details[open] summary::after{content:"−"}
  #ps-references .ps-detail{padding:0 24px 23px}
  #ps-references .ps-detail p:last-child{margin-bottom:0}
  /* CTA */
  #ps-references .ps-final{text-align:center}
  #ps-references .ps-final h2,#ps-references .ps-final .ps-lead{margin-inline:auto}
  #ps-references .ps-final .ps-actions{justify-content:center}
  #ps-references .ps-mini{margin-top:18px;color:rgba(255,255,255,.73);font-size:15px}
  #ps-references .ps-mobile-cta{display:none}
  @media(max-width:920px){
    #ps-references .ps-hero{min-height:auto}
    #ps-references .ps-more{grid-template-columns:1fr}
    #ps-references .ps-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
  }
  @media(max-width:680px){
    #ps-references{font-size:17px}
    #ps-references .ps-wrap{width:min(100% - 30px,1180px)}
    #ps-references .ps-section{padding:70px 0}
    #ps-references .ps-proof,#ps-references .ps-quotes{grid-template-columns:1fr}
    #ps-references .ps-logos{grid-template-columns:1fr 1fr;gap:10px}
    #ps-references .ps-logo{min-height:112px;padding:16px 9px 13px;font-size:12px}
    #ps-references .ps-logo img{height:40px;max-width:112px}
    #ps-references .ps-feature img{height:220px}
    #ps-references .ps-btn{width:100%;white-space:normal}
    #ps-references .ps-mobile-cta{position:fixed;z-index:99;right:15px;bottom:15px;display:inline-flex;width:auto;min-height:50px;padding:12px 19px;box-shadow:0 10px 30px rgba(31,61,74,.28)}
  }
  @media(prefers-reduced-motion:reduce){#ps-references *{scroll-behavior:auto!important;transition:none!important}}

/* ===========================================================
   Kundenstimmen
   =========================================================== */

#ps-references .ps-quotes{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
    margin-top:48px;
}

#ps-references .ps-quote{
    display:flex;
    flex-direction:column;
    height:100%;
    padding:36px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:26px;
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(8px);
    box-shadow:0 16px 40px rgba(24,49,63,.12);
}

/* Theme-Blockquote komplett neutralisieren */

#ps-references .ps-quote blockquote{
    display:block !important;

    width:100% !important;

    margin:0 0 28px !important;
    padding:0 !important;

    background:none !important;
    background-color:transparent !important;
    background-image:none !important;

    border:none !important;
    border-left:none !important;
    border-radius:0 !important;

    box-shadow:none !important;

    color:#ffffff !important;

    font-family:inherit !important;
    font-size:clamp(20px,2vw,25px) !important;
    font-style:normal !important;
    font-weight:400 !important;
    line-height:1.55 !important;
    text-align:left !important;

    quotes:none !important;
}

/* Alle Theme-Pseudoelemente entfernen */

#ps-references .ps-quote blockquote::before,
#ps-references .ps-quote blockquote::after{
    content:none !important;
    display:none !important;
}

/* Falls Elementor automatisch <p> erzeugt */

#ps-references .ps-quote blockquote p{
    margin:0 !important;
    padding:0 !important;

    background:none !important;
    border:none !important;
    box-shadow:none !important;

    color:inherit !important;
    font:inherit !important;
    line-height:inherit !important;
}

/* Autor */

#ps-references .ps-quote footer{
    margin-top:auto;
    color:rgba(255,255,255,.72);
    font-size:15px;
    line-height:1.45;
}

#ps-references .ps-quote strong{
    display:block;
    margin-bottom:4px;
    color:#ffffff;
    font-size:19px;
    font-weight:700;
}
  #ps-references{
    --blue:#385e72;--blue-dark:#233f4d;--orange:#ffa600;--orange-soft:#fff3d8;
    --ink:#17313e;--text:#42545d;--muted:#6d7d84;--light:#f3f6f7;--white:#fff;
    --line:rgba(56,94,114,.16);--shadow:0 24px 70px rgba(31,61,74,.11);
    color:var(--text);background:var(--white);font-family:"Signika",Arial,sans-serif;
    font-size:18px;line-height:1.62;overflow:hidden
  }
  #ps-references *,#ps-references *::before,#ps-references *::after{box-sizing:border-box}
  #ps-references a{color:inherit}
  #ps-references button{font:inherit}
  #ps-references h1,#ps-references h2,#ps-references h3,#ps-references p{margin-top:0}
  #ps-references h1,#ps-references h2,#ps-references h3{color:var(--ink);font-weight:700;line-height:1.08;text-wrap:balance}
  #ps-references h1{max-width:1000px;margin-bottom:26px;font-size:clamp(48px,7vw,92px);letter-spacing:-.045em}
  #ps-references h2{max-width:920px;margin-bottom:24px;font-size:clamp(36px,5vw,66px);letter-spacing:-.035em}
  #ps-references h3{margin-bottom:14px;font-size:clamp(24px,2.4vw,33px)}
  #ps-references .ps-wrap{width:min(1180px,calc(100% - 48px));margin-inline:auto}
  #ps-references .ps-section{padding:clamp(76px,9vw,126px) 0}
  #ps-references .ps-light{background:var(--light)}
  #ps-references .ps-blue{color:var(--white);background:radial-gradient(circle at 92% 10%,rgba(255,166,0,.2),transparent 30%),var(--blue)}
  #ps-references .ps-blue h2,#ps-references .ps-blue h3{color:var(--white)}
  #ps-references .ps-lead{max-width:830px;margin-bottom:35px;font-size:clamp(21px,2.2vw,28px);line-height:1.45}
  #ps-references .ps-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 20px;color:var(--blue);font-size:14px;font-weight:700;letter-spacing:.1em;line-height:1.2;text-transform:uppercase}
  #ps-references .ps-kicker::before{width:34px;height:4px;border-radius:10px;background:var(--orange);content:""}
  #ps-references .ps-blue .ps-kicker{color:var(--white)}
  #ps-references .ps-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
  #ps-references .ps-btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:15px 27px;border:2px solid var(--orange);border-radius:999px;background:var(--orange);color:var(--ink);font-weight:700;line-height:1.2;text-align:center;text-decoration:none!important;transition:.2s ease}
  #ps-references .ps-btn:hover,#ps-references .ps-btn:focus-visible{transform:translateY(-3px);background:#ffb424;box-shadow:0 13px 28px rgba(255,166,0,.28)}
  #ps-references .ps-btn--ghost{border-color:rgba(56,94,114,.28);background:transparent;color:var(--blue)}
  #ps-references .ps-blue .ps-btn--ghost{border-color:rgba(255,255,255,.48);color:var(--white)}

  /* Hero */
  #ps-references .ps-hero{position:relative;display:grid;min-height:min(820px,90vh);align-items:center;padding:clamp(92px,11vw,145px) 0 72px;isolation:isolate}
  #ps-references .ps-hero::before{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99),rgba(255,255,255,.91) 66%,rgba(255,255,255,.48)),repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(56,94,114,.06) 10%);content:""}
  #ps-references .ps-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:25px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.86);color:var(--blue);font-size:15px;font-weight:700}
  #ps-references .ps-badge::before{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px rgba(255,166,0,.16);content:""}
  #ps-references .ps-hero-copy>p{max-width:790px;font-size:clamp(20px,2vw,26px);line-height:1.48}
  #ps-references .ps-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:68px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--line)}
  #ps-references .ps-proof div{padding:25px;background:rgba(255,255,255,.94);color:var(--blue);font-size:15px;font-weight:700}
  #ps-references .ps-proof strong{display:block;margin-bottom:4px;color:var(--ink);font-size:clamp(24px,2.5vw,35px);line-height:1.1}

  #ps-references .ps-case-link{margin-top:auto;color:var(--blue);font-weight:700;text-decoration:none!important}
  #ps-references .ps-case-link:hover{text-decoration:underline!important}

  /* Logos */
  #ps-references .ps-center{text-align:center}
  #ps-references .ps-center h2,#ps-references .ps-center .ps-lead{margin-inline:auto}
  #ps-references .ps-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:43px}
  #ps-references .ps-logo{display:grid;min-width:0;min-height:142px;padding:21px 14px 16px;place-items:center;align-content:center;gap:13px;border:1px solid var(--line);border-radius:20px;background:var(--white);color:var(--blue-dark);font-size:14px;font-weight:700;line-height:1.2;text-align:center;box-shadow:0 8px 25px rgba(31,61,74,.045)}
  #ps-references .ps-logo img{display:block;width:auto;height:55px;max-width:165px;object-fit:contain;filter:saturate(.88)}
  #ps-references .ps-logo span{display:block}
  #ps-references .ps-logo--text span{color:var(--blue);font-size:30px;letter-spacing:.04em}

  /* Quotes */
  #ps-references .ps-quotes{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}
  #ps-references .ps-quote{display:flex;min-height:100%;flex-direction:column;padding:33px;border:1px solid rgba(255,255,255,.2);border-radius:26px;background:rgba(255,255,255,.1)}
  #ps-references .ps-quote blockquote{margin:0 0 28px;color:var(--white);font-size:clamp(20px,2vw,25px);line-height:1.46}
  #ps-references .ps-quote footer{margin-top:auto;color:rgba(255,255,255,.75);font-size:15px;line-height:1.4}
  #ps-references .ps-quote strong{display:block;color:var(--white);font-size:18px}
  #ps-references .ps-quote-actions{justify-content:center;margin-top:37px}

  /* More proof */
  #ps-references .ps-more{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:46px}
  #ps-references .ps-feature{display:flex;min-height:100%;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:29px;background:var(--white);box-shadow:0 13px 40px rgba(31,61,74,.06)}
  #ps-references .ps-feature img{display:block;width:100%;height:290px;object-fit:cover}
  #ps-references .ps-feature-copy{display:flex;flex:1;flex-direction:column;padding:32px}
  #ps-references .ps-feature-copy p{margin-bottom:24px}
  #ps-references .ps-feature-copy .ps-case-link{margin-top:auto}
  #ps-references .ps-icon{display:grid;width:52px;height:52px;margin-bottom:22px;place-items:center;border-radius:16px;background:var(--orange);color:var(--ink);font-size:24px;font-weight:700}

  /* FAQ */
  #ps-references .ps-faq{max-width:920px;margin:42px auto 0}
  #ps-references details{margin-bottom:12px;border:1px solid var(--line);border-radius:18px;background:var(--white);overflow:hidden}
  #ps-references summary{position:relative;padding:22px 60px 22px 24px;color:var(--ink);font-weight:700;cursor:pointer;list-style:none}
  #ps-references summary::-webkit-details-marker{display:none}
  #ps-references summary::after{position:absolute;right:24px;top:50%;font-size:26px;transform:translateY(-50%);content:"+"}
  #ps-references details[open] summary::after{content:"−"}
  #ps-references .ps-detail{padding:0 24px 23px}
  #ps-references .ps-detail p:last-child{margin-bottom:0}

  /* CTA */
  #ps-references .ps-final{text-align:center}
  #ps-references .ps-final h2,#ps-references .ps-final .ps-lead{margin-inline:auto}
  #ps-references .ps-final .ps-actions{justify-content:center}
  #ps-references .ps-mini{margin-top:18px;color:rgba(255,255,255,.73);font-size:15px}
  #ps-references .ps-mobile-cta{display:none}

  @media(max-width:920px){
    #ps-references .ps-hero{min-height:auto}
    #ps-references .ps-more{grid-template-columns:1fr}
    #ps-references .ps-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
  }
  @media(max-width:680px){
    #ps-references{font-size:17px}
    #ps-references .ps-wrap{width:min(100% - 30px,1180px)}
    #ps-references .ps-section{padding:70px 0}
    #ps-references .ps-proof,#ps-references .ps-quotes{grid-template-columns:1fr}
    #ps-references .ps-logos{grid-template-columns:1fr 1fr;gap:10px}
    #ps-references .ps-logo{min-height:112px;padding:16px 9px 13px;font-size:12px}
    #ps-references .ps-logo img{height:40px;max-width:112px}
    #ps-references .ps-feature img{height:220px}
    #ps-references .ps-btn{width:100%;white-space:normal}
    #ps-references .ps-mobile-cta{position:fixed;z-index:99;right:15px;bottom:15px;display:inline-flex;width:auto;min-height:50px;padding:12px 19px;box-shadow:0 10px 30px rgba(31,61,74,.28)}
  }
  @media(prefers-reduced-motion:reduce){#ps-references *{scroll-behavior:auto!important;transition:none!important}}