/* pixelschmitt Frontend Build System
 * Digitale Sichtbarkeit · Post-ID 8415
 */


  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  /* Hero */
  
  
  
  
  
  
  
  
  
  /* Cards */
  
  
  
  
  /* Offer */
  
  
  
  
  
  
  
  /* Check */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  #ps-home .ps-result .ps-btn--whatsapp {
    border-color: #25d366;
    background: #25d366;
    color: #102b38;
  }
  #ps-home .ps-result .ps-btn--whatsapp:hover {
    border-color: #62e28f;
    background: #62e28f;
  }
  /* Kontakt-Popup */
  
  
  
  
  
  
  
  
  
  
  
  
  /* Process */
  
  
  
  /* Proof */
  #ps-home .ps-logos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 38px 0 58px;
  }
  #ps-home .ps-logo {
    display: grid;
    min-width: 0;
    min-height: 132px;
    padding: 20px 16px 16px;
    place-items: center;
    align-content: center;
    gap: 12px;
    border: 1px solid var(--line);
    border-radius: 19px;
    background: var(--white);
    color: var(--blue);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    box-shadow: 0 8px 25px rgba(31,61,74,.05);
  }
  #ps-home .ps-logo img {
    display: block;
    width: auto;
    height: 48px;
    max-width: 150px;
    object-fit: contain;
  }
  #ps-home .ps-logo span { display: block; }
  
  
  
  
  
  /* About */
  
  #ps-home .ps-portrait {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background: var(--light);
    box-shadow: var(--shadow);
  }
  #ps-home .ps-portrait img {
    display: block;
    width: 100%;
    height: auto;
  }
  
  
  
  /* FAQ */
  
  
  
  
  
  
  
  
  /* Final */
  
  
  
  
  
  @keyframes psFade {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }
  @media (max-width: 980px) {
    #ps-home .ps-grid-4 { grid-template-columns: repeat(2, 1fr); }
    #ps-home .ps-offer, #ps-home .ps-about { grid-template-columns: 1fr; }
    #ps-home .ps-process, #ps-home .ps-quotes { grid-template-columns: 1fr; }
  }
  @media (max-width: 760px) {
    #ps-home { font-size: 17px; }
    #ps-home .ps-wrap { width: min(100% - 30px, 1180px); }
    #ps-home .ps-section { padding: 70px 0; }
    #ps-home .ps-hero { min-height: auto; padding: 92px 0 58px; }
    #ps-home h1 { font-size: clamp(45px, 13vw, 66px); }
    #ps-home h2 { font-size: clamp(36px, 10vw, 52px); }
    #ps-home .ps-actions { align-items: stretch; }
    #ps-home .ps-actions .ps-btn { width: 100%; }
    #ps-home .ps-proofbar, #ps-home .ps-grid-4 { grid-template-columns: 1fr; }
    #ps-home .ps-proofbar { margin-top: 45px; }
    #ps-home .ps-check-head { grid-template-columns: 1fr; gap: 18px; }
    #ps-home .ps-contact-form { grid-template-columns: 1fr; }
    #ps-home .ps-field--wide { grid-column: auto; }
    #ps-home .ps-options { grid-template-columns: 1fr; }
    #ps-home .ps-option { min-height: 0; }
    #ps-home .ps-logos { grid-template-columns: 1fr 1fr; gap: 10px; }
    #ps-home .ps-logo { min-height: 112px; padding: 16px 10px 13px; font-size: 13px; }
    #ps-home .ps-logo img { height: 40px; max-width: 112px; }
    #ps-home .ps-mobile-cta {
      position: fixed;
      z-index: 999;
      right: 14px;
      bottom: 14px;
      left: 14px;
      display: block;
    }
    #ps-home .ps-mobile-cta .ps-btn {
      width: 100%;
      box-shadow: 0 10px 30px rgba(23,49,62,.24);
    }
  }
  



  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  

  /* Hero */
  
  
  
  
  
  
  
  
  

  /* Cards */
  
  
  
  

  /* Offer */
  
  
  
  
  
  
  

  /* Check */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  #ps-home .ps-result .ps-btn--whatsapp {
    border-color: #25d366;
    background: #25d366;
    color: #102b38;
  }
  #ps-home .ps-result .ps-btn--whatsapp:hover {
    border-color: #62e28f;
    background: #62e28f;
  }

  /* Kontakt-Popup */
  
  
  
  
  
  
  
  
  
  
  
  

  /* Process */
  
  
  

  /* Proof */
  #ps-home .ps-logos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 38px 0 58px;
  }
  #ps-home .ps-logo {
    display: grid;
    min-width: 0;
    min-height: 132px;
    padding: 20px 16px 16px;
    place-items: center;
    align-content: center;
    gap: 12px;
    border: 1px solid var(--line);
    border-radius: 19px;
    background: var(--white);
    color: var(--blue);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    box-shadow: 0 8px 25px rgba(31,61,74,.05);
  }
  #ps-home .ps-logo img {
    display: block;
    width: auto;
    height: 48px;
    max-width: 150px;
    object-fit: contain;
  }
  #ps-home .ps-logo span { display: block; }
  
  
  
  
  

  /* About */
  
  #ps-home .ps-portrait {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    background: var(--light);
    box-shadow: var(--shadow);
  }
  #ps-home .ps-portrait img {
    display: block;
    width: 100%;
    height: auto;
  }
  
  
  

  /* FAQ */
  
  
  
  
  
  
  
  

  /* Final */
  
  
  
  
  

  @keyframes psFade {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
  }

  @media (max-width: 980px) {
    #ps-home .ps-grid-4 { grid-template-columns: repeat(2, 1fr); }
    #ps-home .ps-offer, #ps-home .ps-about { grid-template-columns: 1fr; }
    #ps-home .ps-process, #ps-home .ps-quotes { grid-template-columns: 1fr; }
  }
  @media (max-width: 760px) {
    #ps-home { font-size: 17px; }
    #ps-home .ps-wrap { width: min(100% - 30px, 1180px); }
    #ps-home .ps-section { padding: 70px 0; }
    #ps-home .ps-hero { min-height: auto; padding: 92px 0 58px; }
    #ps-home h1 { font-size: clamp(45px, 13vw, 66px); }
    #ps-home h2 { font-size: clamp(36px, 10vw, 52px); }
    #ps-home .ps-actions { align-items: stretch; }
    #ps-home .ps-actions .ps-btn { width: 100%; }
    #ps-home .ps-proofbar, #ps-home .ps-grid-4 { grid-template-columns: 1fr; }
    #ps-home .ps-proofbar { margin-top: 45px; }
    #ps-home .ps-check-head { grid-template-columns: 1fr; gap: 18px; }
    #ps-home .ps-contact-form { grid-template-columns: 1fr; }
    #ps-home .ps-field--wide { grid-column: auto; }
    #ps-home .ps-options { grid-template-columns: 1fr; }
    #ps-home .ps-option { min-height: 0; }
    #ps-home .ps-logos { grid-template-columns: 1fr 1fr; gap: 10px; }
    #ps-home .ps-logo { min-height: 112px; padding: 16px 10px 13px; font-size: 13px; }
    #ps-home .ps-logo img { height: 40px; max-width: 112px; }
    #ps-home .ps-mobile-cta {
      position: fixed;
      z-index: 999;
      right: 14px;
      bottom: 14px;
      left: 14px;
      display: block;
    }
    #ps-home .ps-mobile-cta .ps-btn {
      width: 100%;
      box-shadow: 0 10px 30px rgba(23,49,62,.24);
    }
  }