/* pixelschmitt Frontend Build System
 * Kundenstimmen · Post-ID 8700
 */

#ps-testimonials{
    --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-testimonials *,#ps-testimonials *::before,#ps-testimonials *::after{box-sizing:border-box}
  #ps-testimonials a{color:inherit}
  #ps-testimonials button{font:inherit}
  #ps-testimonials h1,#ps-testimonials h2,#ps-testimonials h3,#ps-testimonials p,#ps-testimonials blockquote{overflow-wrap:anywhere}
  #ps-testimonials h1,#ps-testimonials h2,#ps-testimonials h3{
    margin:0;
    color:var(--ink);
    font-weight:700;
    line-height:1.08;
    letter-spacing:-.035em;
  }
  #ps-testimonials h1{max-width:920px;font-size:clamp(48px,7.5vw,92px)}
  #ps-testimonials h2{max-width:860px;font-size:clamp(36px,5vw,62px)}
  #ps-testimonials h3{font-size:clamp(24px,3vw,34px)}
  #ps-testimonials p{margin:0 0 1em}
  #ps-testimonials .ps-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
  #ps-testimonials .ps-section{padding:clamp(76px,10vw,132px) 0}
  #ps-testimonials .ps-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:22px;
    color:var(--blue);
    font-size:14px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  #ps-testimonials .ps-kicker::before{width:28px;height:3px;border-radius:4px;background:var(--orange);content:""}
  #ps-testimonials .ps-lead{max-width:800px;margin-top:26px;font-size:clamp(20px,2.4vw,27px);line-height:1.5}
  #ps-testimonials .ps-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}
  #ps-testimonials .ps-btn{
    display:inline-flex!important;
    min-height:54px;
    align-items:center;
    justify-content:center;
    padding:14px 23px!important;
    border:2px solid var(--orange)!important;
    border-radius:999px!important;
    background:var(--orange)!important;
    color:var(--ink)!important;
    font-weight:700!important;
    line-height:1.2!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:normal!important;
    cursor:pointer;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
  }
  #ps-testimonials .ps-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(23,49,62,.18)}
  #ps-testimonials .ps-btn--ghost{border-color:rgba(255,255,255,.6)!important;background:transparent!important;color:var(--white)!important}
  /* Hero */
  #ps-testimonials .ps-hero{
    position:relative;
    padding:clamp(100px,13vw,170px) 0 clamp(90px,11vw,140px);
    background:
      radial-gradient(circle at 86% 18%,rgba(255,166,0,.26),transparent 23%),
      linear-gradient(135deg,var(--blue-dark),var(--blue));
    color:rgba(255,255,255,.84);
  }
  #ps-testimonials .ps-hero::after{
    position:absolute;
    right:-80px;
    bottom:-170px;
    width:430px;
    height:430px;
    border:72px solid rgba(255,255,255,.055);
    border-radius:50%;
    content:"";
  }
  #ps-testimonials .ps-hero .ps-wrap{position:relative;z-index:1}
  #ps-testimonials .ps-hero h1{color:var(--white)}
  #ps-testimonials .ps-hero .ps-kicker{color:var(--white)}
  #ps-testimonials .ps-hero-proof{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1px;
    max-width:900px;
    margin-top:54px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.2);
    border-radius:22px;
    background:rgba(255,255,255,.18);
  }
  #ps-testimonials .ps-hero-proof div{padding:22px;background:rgba(35,63,77,.7)}
  #ps-testimonials .ps-hero-proof strong{display:block;color:var(--white);font-size:19px}
  #ps-testimonials .ps-hero-proof span{display:block;margin-top:2px;font-size:14px}
  /* Context */
  #ps-testimonials .ps-context{background:var(--light)}
  #ps-testimonials .ps-context-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(38px,7vw,96px);align-items:start}
  #ps-testimonials .ps-context-copy{padding-top:8px}
  #ps-testimonials .ps-context-list{display:grid;gap:15px}
  #ps-testimonials .ps-context-item{
    display:grid;
    grid-template-columns:44px 1fr;
    gap:15px;
    align-items:start;
    padding:21px;
    border:1px solid var(--line);
    border-radius:20px;
    background:var(--white);
  }
  #ps-testimonials .ps-context-item span{
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    border-radius:50%;
    background:var(--orange-soft);
    color:var(--ink);
    font-weight:700;
  }
  #ps-testimonials .ps-context-item strong{display:block;color:var(--ink);font-size:20px}
  #ps-testimonials .ps-context-item p{margin:3px 0 0;font-size:16px}
  /* Full testimonials */
  #ps-testimonials .ps-testimonial-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}
  #ps-testimonials .ps-testimonial-head p{max-width:390px;margin:0}
  #ps-testimonials .ps-grid{columns:2;column-gap:24px}
  #ps-testimonials .ps-card{
    position:relative;
    display:inline-block;
    width:100%;
    margin:0 0 24px;
    padding:clamp(27px,3.5vw,42px);
    break-inside:avoid;
    border:1px solid var(--line);
    border-radius:28px;
    background:var(--white);
    box-shadow:var(--shadow);
  }
  #ps-testimonials .ps-card::before{
    display:block;
    height:42px;
    margin-bottom:12px;
    color:var(--orange);
    content:"“";
    font-family:Georgia,serif;
    font-size:74px;
    line-height:.9;
  }
  #ps-testimonials .ps-card blockquote{margin:0;color:var(--ink);font-size:clamp(18px,1.7vw,21px);line-height:1.62}
  #ps-testimonials .ps-card blockquote p:last-child{margin-bottom:0}
  #ps-testimonials .ps-person{display:grid;grid-template-columns:64px 1fr;gap:15px;align-items:center;margin-top:29px;padding-top:23px;border-top:1px solid var(--line)}
  #ps-testimonials .ps-person img{width:64px;height:64px;border:3px solid var(--white);border-radius:50%;box-shadow:0 0 0 2px var(--orange);object-fit:cover}
  #ps-testimonials .ps-person strong{display:block;color:var(--ink);font-size:19px;line-height:1.25}
  #ps-testimonials .ps-person span{display:block;margin-top:3px;color:var(--muted);font-size:14px;line-height:1.4}
  #ps-testimonials .ps-card--featured{background:linear-gradient(145deg,var(--blue-dark),var(--blue));border-color:transparent}
  #ps-testimonials .ps-card--featured blockquote,#ps-testimonials .ps-card--featured .ps-person strong{color:var(--white)}
  #ps-testimonials .ps-card--featured .ps-person{border-color:rgba(255,255,255,.22)}
  #ps-testimonials .ps-card--featured .ps-person span{color:rgba(255,255,255,.7)}
  /* Close */
  #ps-testimonials .ps-close{background:var(--orange-soft)}
  #ps-testimonials .ps-close-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,7vw,90px);align-items:center}
  #ps-testimonials .ps-close-card{padding:clamp(28px,4vw,46px);border-radius:28px;background:var(--white);box-shadow:var(--shadow)}
  #ps-testimonials .ps-close-card strong{display:block;color:var(--ink);font-size:clamp(28px,4vw,44px);line-height:1.08}
  #ps-testimonials .ps-close-card p{margin:18px 0 0}
  #ps-testimonials .ps-final{text-align:center;background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:rgba(255,255,255,.82)}
  #ps-testimonials .ps-final h2{max-width:850px;margin-inline:auto;color:var(--white)}
  #ps-testimonials .ps-final .ps-lead{margin-inline:auto}
  #ps-testimonials .ps-final .ps-actions{justify-content:center}
  #ps-testimonials .ps-final .ps-kicker{color:var(--white)}
  #ps-testimonials .ps-mini{margin:20px 0 0!important;font-size:14px}
  #ps-testimonials .ps-mobile-cta{display:none!important}
  @media(max-width:820px){
    #ps-testimonials .ps-context-grid,#ps-testimonials .ps-close-grid{grid-template-columns:1fr}
    #ps-testimonials .ps-hero-proof{grid-template-columns:1fr}
    #ps-testimonials .ps-testimonial-head{display:block}
    #ps-testimonials .ps-testimonial-head p{margin-top:20px}
    #ps-testimonials .ps-grid{columns:1}
  }
  @media(max-width:600px){
    #ps-testimonials{font-size:17px}
    #ps-testimonials .ps-wrap{width:min(100% - 28px,1180px)}
    #ps-testimonials .ps-section{padding:70px 0}
    #ps-testimonials .ps-hero{padding:86px 0 78px}
    #ps-testimonials h1{font-size:clamp(42px,13vw,62px)}
    #ps-testimonials .ps-card{padding:27px 22px;border-radius:22px}
    #ps-testimonials .ps-person{grid-template-columns:56px 1fr}
    #ps-testimonials .ps-person img{width:56px;height:56px}
    #ps-testimonials .ps-actions{display:grid}
    #ps-testimonials .ps-btn{width:100%}
    #ps-testimonials .ps-mobile-cta{
      position:fixed;
      z-index:999;
      right:14px;
      bottom:14px;
      left:14px;
      display:flex!important;
      box-shadow:0 12px 35px rgba(23,49,62,.28);
    }
    #ps-testimonials{padding-bottom:78px}
  }
  @media(prefers-reduced-motion:reduce){
    #ps-testimonials .ps-btn{transition:none}
  }
  /* Blockquote-Styles des Themes innerhalb der Kundenstimmen zurücksetzen */
#ps-testimonials .ps-card blockquote {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
/* Zusätzliches Zitatzeichen des globalen Blockquote-CSS entfernen */
#ps-testimonials .ps-card blockquote::before,
#ps-testimonials .ps-card blockquote::after {
  display: none !important;
  content: none !important;
}
/* Normale Kundenstimmen */
#ps-testimonials .ps-card:not(.ps-card--featured) blockquote,
#ps-testimonials .ps-card:not(.ps-card--featured) blockquote p {
  color: var(--ink) !important;
}
/* Hervorgehobene dunkle Kundenstimme */
#ps-testimonials .ps-card--featured blockquote,
#ps-testimonials .ps-card--featured blockquote p {
  color: var(--white) !important;
}

#ps-testimonials{
    --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-testimonials *,#ps-testimonials *::before,#ps-testimonials *::after{box-sizing:border-box}
  #ps-testimonials a{color:inherit}
  #ps-testimonials button{font:inherit}
  #ps-testimonials h1,#ps-testimonials h2,#ps-testimonials h3,#ps-testimonials p,#ps-testimonials blockquote{overflow-wrap:anywhere}
  #ps-testimonials h1,#ps-testimonials h2,#ps-testimonials h3{
    margin:0;
    color:var(--ink);
    font-weight:700;
    line-height:1.08;
    letter-spacing:-.035em;
  }
  #ps-testimonials h1{max-width:920px;font-size:clamp(48px,7.5vw,92px)}
  #ps-testimonials h2{max-width:860px;font-size:clamp(36px,5vw,62px)}
  #ps-testimonials h3{font-size:clamp(24px,3vw,34px)}
  #ps-testimonials p{margin:0 0 1em}
  #ps-testimonials .ps-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
  #ps-testimonials .ps-section{padding:clamp(76px,10vw,132px) 0}
  #ps-testimonials .ps-kicker{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:22px;
    color:var(--blue);
    font-size:14px;
    font-weight:700;
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  #ps-testimonials .ps-kicker::before{width:28px;height:3px;border-radius:4px;background:var(--orange);content:""}
  #ps-testimonials .ps-lead{max-width:800px;margin-top:26px;font-size:clamp(20px,2.4vw,27px);line-height:1.5}
  #ps-testimonials .ps-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:34px}
  #ps-testimonials .ps-btn{
    display:inline-flex!important;
    min-height:54px;
    align-items:center;
    justify-content:center;
    padding:14px 23px!important;
    border:2px solid var(--orange)!important;
    border-radius:999px!important;
    background:var(--orange)!important;
    color:var(--ink)!important;
    font-weight:700!important;
    line-height:1.2!important;
    text-align:center!important;
    text-decoration:none!important;
    white-space:normal!important;
    cursor:pointer;
    transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
  }
  #ps-testimonials .ps-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(23,49,62,.18)}
  #ps-testimonials .ps-btn--ghost{border-color:rgba(255,255,255,.6)!important;background:transparent!important;color:var(--white)!important}

  /* Hero */
  #ps-testimonials .ps-hero{
    position:relative;
    padding:clamp(100px,13vw,170px) 0 clamp(90px,11vw,140px);
    background:
      radial-gradient(circle at 86% 18%,rgba(255,166,0,.26),transparent 23%),
      linear-gradient(135deg,var(--blue-dark),var(--blue));
    color:rgba(255,255,255,.84);
  }
  #ps-testimonials .ps-hero::after{
    position:absolute;
    right:-80px;
    bottom:-170px;
    width:430px;
    height:430px;
    border:72px solid rgba(255,255,255,.055);
    border-radius:50%;
    content:"";
  }
  #ps-testimonials .ps-hero .ps-wrap{position:relative;z-index:1}
  #ps-testimonials .ps-hero h1{color:var(--white)}
  #ps-testimonials .ps-hero .ps-kicker{color:var(--white)}
  #ps-testimonials .ps-hero-proof{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1px;
    max-width:900px;
    margin-top:54px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.2);
    border-radius:22px;
    background:rgba(255,255,255,.18);
  }
  #ps-testimonials .ps-hero-proof div{padding:22px;background:rgba(35,63,77,.7)}
  #ps-testimonials .ps-hero-proof strong{display:block;color:var(--white);font-size:19px}
  #ps-testimonials .ps-hero-proof span{display:block;margin-top:2px;font-size:14px}

  /* Context */
  #ps-testimonials .ps-context{background:var(--light)}
  #ps-testimonials .ps-context-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(38px,7vw,96px);align-items:start}
  #ps-testimonials .ps-context-copy{padding-top:8px}
  #ps-testimonials .ps-context-list{display:grid;gap:15px}
  #ps-testimonials .ps-context-item{
    display:grid;
    grid-template-columns:44px 1fr;
    gap:15px;
    align-items:start;
    padding:21px;
    border:1px solid var(--line);
    border-radius:20px;
    background:var(--white);
  }
  #ps-testimonials .ps-context-item span{
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    border-radius:50%;
    background:var(--orange-soft);
    color:var(--ink);
    font-weight:700;
  }
  #ps-testimonials .ps-context-item strong{display:block;color:var(--ink);font-size:20px}
  #ps-testimonials .ps-context-item p{margin:3px 0 0;font-size:16px}

  /* Full testimonials */
  #ps-testimonials .ps-testimonial-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:48px}
  #ps-testimonials .ps-testimonial-head p{max-width:390px;margin:0}
  #ps-testimonials .ps-grid{columns:2;column-gap:24px}
  #ps-testimonials .ps-card{
    position:relative;
    display:inline-block;
    width:100%;
    margin:0 0 24px;
    padding:clamp(27px,3.5vw,42px);
    break-inside:avoid;
    border:1px solid var(--line);
    border-radius:28px;
    background:var(--white);
    box-shadow:var(--shadow);
  }
  #ps-testimonials .ps-card::before{
    display:block;
    height:42px;
    margin-bottom:12px;
    color:var(--orange);
    content:"“";
    font-family:Georgia,serif;
    font-size:74px;
    line-height:.9;
  }
  #ps-testimonials .ps-card blockquote{margin:0;color:var(--ink);font-size:clamp(18px,1.7vw,21px);line-height:1.62}
  #ps-testimonials .ps-card blockquote p:last-child{margin-bottom:0}
  #ps-testimonials .ps-person{display:grid;grid-template-columns:64px 1fr;gap:15px;align-items:center;margin-top:29px;padding-top:23px;border-top:1px solid var(--line)}
  #ps-testimonials .ps-person img{width:64px;height:64px;border:3px solid var(--white);border-radius:50%;box-shadow:0 0 0 2px var(--orange);object-fit:cover}
  #ps-testimonials .ps-person strong{display:block;color:var(--ink);font-size:19px;line-height:1.25}
  #ps-testimonials .ps-person span{display:block;margin-top:3px;color:var(--muted);font-size:14px;line-height:1.4}
  #ps-testimonials .ps-card--featured{background:linear-gradient(145deg,var(--blue-dark),var(--blue));border-color:transparent}
  #ps-testimonials .ps-card--featured blockquote,#ps-testimonials .ps-card--featured .ps-person strong{color:var(--white)}
  #ps-testimonials .ps-card--featured .ps-person{border-color:rgba(255,255,255,.22)}
  #ps-testimonials .ps-card--featured .ps-person span{color:rgba(255,255,255,.7)}

  /* Close */
  #ps-testimonials .ps-close{background:var(--orange-soft)}
  #ps-testimonials .ps-close-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(38px,7vw,90px);align-items:center}
  #ps-testimonials .ps-close-card{padding:clamp(28px,4vw,46px);border-radius:28px;background:var(--white);box-shadow:var(--shadow)}
  #ps-testimonials .ps-close-card strong{display:block;color:var(--ink);font-size:clamp(28px,4vw,44px);line-height:1.08}
  #ps-testimonials .ps-close-card p{margin:18px 0 0}
  #ps-testimonials .ps-final{text-align:center;background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:rgba(255,255,255,.82)}
  #ps-testimonials .ps-final h2{max-width:850px;margin-inline:auto;color:var(--white)}
  #ps-testimonials .ps-final .ps-lead{margin-inline:auto}
  #ps-testimonials .ps-final .ps-actions{justify-content:center}
  #ps-testimonials .ps-final .ps-kicker{color:var(--white)}
  #ps-testimonials .ps-mini{margin:20px 0 0!important;font-size:14px}
  #ps-testimonials .ps-mobile-cta{display:none!important}

  @media(max-width:820px){
    #ps-testimonials .ps-context-grid,#ps-testimonials .ps-close-grid{grid-template-columns:1fr}
    #ps-testimonials .ps-hero-proof{grid-template-columns:1fr}
    #ps-testimonials .ps-testimonial-head{display:block}
    #ps-testimonials .ps-testimonial-head p{margin-top:20px}
    #ps-testimonials .ps-grid{columns:1}
  }
  @media(max-width:600px){
    #ps-testimonials{font-size:17px}
    #ps-testimonials .ps-wrap{width:min(100% - 28px,1180px)}
    #ps-testimonials .ps-section{padding:70px 0}
    #ps-testimonials .ps-hero{padding:86px 0 78px}
    #ps-testimonials h1{font-size:clamp(42px,13vw,62px)}
    #ps-testimonials .ps-card{padding:27px 22px;border-radius:22px}
    #ps-testimonials .ps-person{grid-template-columns:56px 1fr}
    #ps-testimonials .ps-person img{width:56px;height:56px}
    #ps-testimonials .ps-actions{display:grid}
    #ps-testimonials .ps-btn{width:100%}
    #ps-testimonials .ps-mobile-cta{
      position:fixed;
      z-index:999;
      right:14px;
      bottom:14px;
      left:14px;
      display:flex!important;
      box-shadow:0 12px 35px rgba(23,49,62,.28);
    }
    #ps-testimonials{padding-bottom:78px}
  }
  @media(prefers-reduced-motion:reduce){
    #ps-testimonials .ps-btn{transition:none}
  }
  
  /* Blockquote-Styles des Themes innerhalb der Kundenstimmen zurücksetzen */
#ps-testimonials .ps-card blockquote {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Zusätzliches Zitatzeichen des globalen Blockquote-CSS entfernen */
#ps-testimonials .ps-card blockquote::before,
#ps-testimonials .ps-card blockquote::after {
  display: none !important;
  content: none !important;
}

/* Normale Kundenstimmen */
#ps-testimonials .ps-card:not(.ps-card--featured) blockquote,
#ps-testimonials .ps-card:not(.ps-card--featured) blockquote p {
  color: var(--ink) !important;
}

/* Hervorgehobene dunkle Kundenstimme */
#ps-testimonials .ps-card--featured blockquote,
#ps-testimonials .ps-card--featured blockquote p {
  color: var(--white) !important;
}