.elpers-workflow-bg{
    position:relative;
    background-image:
      linear-gradient(rgba(0,0,0,.38), rgba(0,0,0,.38)),
      url("/assets/img/Elpers-AI-Labs2.-Juli-2026-14_56_24-1.webp");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment:fixed;
    color:#000000;
    font-family:Arial,'Segoe UI',Roboto,system-ui,sans-serif;
    font-weight:500;
    -webkit-font-smoothing:antialiased;
    display:flex;
    justify-content:center;
    align-items:stretch;
    padding:0;
    min-height:100vh;
    width:100%;
    box-sizing:border-box;
  }

  .elpers-workflow-frame{
    width:100%;
    max-width:760px;
    border-left:4px solid #000000;
    border-right:4px solid #000000;
    display:flex;
    flex-direction:column;
    min-height:calc(100vh - 40px);
    box-sizing:border-box;
    background:rgba(255,255,255,.92);
    backdrop-filter:blur(2px);
  }

  .elpers-workflow-main{
    background:rgba(255,255,255,.88);
  }

  .elpers-modal{
    position:fixed;
    inset:50% auto auto 50%;
    transform:translate(-50%,-50%);
    width:min(920px,calc(100vw - 32px));
    max-height:86dvh;
    border:0;
    padding:0;
    border-radius:0;
    background:#ffffff;
    color:#000000;
    box-shadow:0 24px 80px rgba(0,0,0,.45);
    font-family:Arial,'Segoe UI',Roboto,system-ui,sans-serif;
    margin:0;
    z-index:999999;
  }

  .elpers-modal::backdrop{
    background:rgba(0,0,0,.72);
    backdrop-filter:blur(3px);
  }

  .elpers-modal-head{
    position:sticky;
    top:0;
    z-index:2;
    background:#000000;
    color:#ffffff;
    padding:20px 24px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
  }

  .elpers-modal-head strong{
    font-size:18px;
    letter-spacing:1.4px;
    text-transform:uppercase;
  }

  .elpers-modal-close{
    appearance:none;
    border:1px solid rgba(255,255,255,.55);
    background:transparent;
    color:#ffffff;
    width:38px;
    height:38px;
    border-radius:50%;
    font-size:24px;
    line-height:34px;
    cursor:pointer;
    flex:0 0 auto;
  }

  .elpers-modal-close:hover,
  .elpers-modal-close:focus{
    background:#ffffff;
    color:#000000;
    outline:none;
  }

  .elpers-modal-body{
    padding:30px 34px 36px;
    overflow:auto;
    max-height:calc(86dvh - 78px);
    text-align:left;
    font-size:15px;
    line-height:1.7;
    box-sizing:border-box;
  }

  .elpers-modal-body h1{
    font-size:26px;
    margin:0 0 18px;
    line-height:1.2;
  }

  .elpers-modal-body h2{
    font-size:20px;
    margin:28px 0 10px;
    line-height:1.25;
  }

  .elpers-modal-body h2:first-child{
    margin-top:0;
  }

  .elpers-modal-body p{
    margin:0 0 14px;
  }

  .elpers-modal-body ul,
  .elpers-modal-body ol{
    margin:0 0 18px 22px;
    padding:0;
  }

  .elpers-modal-body li{
    margin-bottom:7px;
  }

  .elpers-modal-body a{
    color:#000000;
    text-decoration:underline;
  }

  .elpers-legal-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
    margin:14px 0 10px;
  }

  .elpers-legal-buttons button{
    appearance:none;
    border:1px solid rgba(255,255,255,.38);
    background:transparent;
    color:#ffffff;
    padding:8px 13px;
    font-size:10px;
    line-height:1;
    letter-spacing:1.3px;
    text-transform:uppercase;
    cursor:pointer;
    border-radius:999px;
    font-family:Arial,'Segoe UI',Roboto,system-ui,sans-serif;
    transition:background .2s ease,color .2s ease,border-color .2s ease;
  }

  .elpers-legal-buttons button:hover,
  .elpers-legal-buttons button:focus{
    background:#ffffff;
    color:#000000;
    border-color:#ffffff;
    outline:none;
  }

  @media (max-width:768px){
    .elpers-workflow-bg{
      background-attachment:scroll;
      background-position:center center;
    }

    .elpers-workflow-frame{
      max-width:100%;
      border-left:0;
      border-right:0;
      min-height:100vh;
      background:rgba(255,255,255,.94);
    }
  }

  @media (max-width:640px){
    .elpers-modal{
      width:calc(100vw - 18px);
      max-height:88dvh;
      inset:50% auto auto 50%;
      transform:translate(-50%,-50%);
    }

    .elpers-modal-head{
      padding:16px 18px;
    }

    .elpers-modal-head strong{
      font-size:15px;
    }

    .elpers-modal-body{
      padding:22px 20px 28px;
      font-size:14px;
      line-height:1.65;
      max-height:calc(88dvh - 70px);
    }

    .elpers-modal-body h1{
      font-size:22px;
    }

    .elpers-modal-body h2{
      font-size:18px;
    }

    .elpers-legal-buttons{
      gap:8px;
    }

    .elpers-legal-buttons button{
      font-size:9px;
      padding:8px 10px;
      letter-spacing:1px;
    }
  }



        .elpers-workflow-tabs{
          display:flex;
          border-bottom:1px solid #e6e6e6;
          box-sizing:border-box;
          background:rgba(255,255,255,.96);
        }

        .elpers-workflow-tab{
          appearance:none;
          -webkit-appearance:none;
          border:0;
          background:transparent;
          flex:1;
          display:block;
          text-align:center;
          padding:16px 10px;
          font-family:Arial,'Segoe UI',Roboto,system-ui,sans-serif;
          font-size:13px;
          font-weight:700;
          letter-spacing:2px;
          text-transform:uppercase;
          color:#9a9a9a;
          cursor:pointer;
          box-sizing:border-box;
          text-decoration:none;
        }

        .elpers-workflow-tab + .elpers-workflow-tab{
          border-left:1px solid #e6e6e6;
        }

        .elpers-workflow-tab span{
          display:block;
          margin-top:6px;
          font-size:9px;
          font-weight:600;
          letter-spacing:1px;
          color:inherit;
        }

        .elpers-workflow-tab.is-active{
          color:#000000;
          background:#ffffff;
        }

        .elpers-workflow-tab:focus-visible{
          outline:2px solid #000000;
          outline-offset:-2px;
        }

        /* Nichts mehr ausblenden: Übersicht und Lösungen bleiben im selben Flow sichtbar. */

        .elpers-overview{
          max-width:640px;
          margin:0 auto 54px;
          text-align:center;
        }

        .elpers-overview__eyebrow{
          margin:0 0 12px;
          font-size:11px;
          letter-spacing:4px;
          text-transform:uppercase;
          color:#9a9a9a;
        }

        .elpers-overview h2{
          margin:0 0 24px;
          font-size:clamp(22px,4vw,34px);
          font-weight:900;
          line-height:1.08;
          letter-spacing:-0.4px;
          text-transform:uppercase;
          color:#000000;
        }

        .elpers-overview__bar{
          width:64px;
          height:4px;
          background:#000000;
          margin:0 auto 28px;
        }

        .elpers-overview p{
          margin:0 auto 14px;
          max-width:610px;
          font-size:14px;
          line-height:1.68;
          color:#1a1a1a;
        }

        .elpers-overview p:last-child{
          margin-bottom:0;
        }

        .elp-loesungen {
          --elp-black:#000;
          --elp-white:#fff;
          --elp-ink:#111;
          --elp-grey:#6b6b6b;
          --elp-soft:#6f6f6f;
          --elp-line:#d7d7d7;
          --elp-frame:2px;
          --elp-gap:16px;
          --elp-per-view:2;

          color:var(--elp-ink);
          max-width:100%;
          margin:0 auto;
        }

        .elp-loesungen *,
        .elp-loesungen *::before,
        .elp-loesungen *::after{
          box-sizing:border-box;
        }

        @media(max-width:780px){
          .elp-loesungen{--elp-per-view:1;}
        }

        .elp-loesungen .elp-slider{
          position:relative;
        }

        .elp-loesungen .elp-track{
          display:flex!important;
          gap:var(--elp-gap)!important;
          overflow-x:auto!important;
          scroll-snap-type:x mandatory;
          scroll-behavior:smooth;
          -webkit-overflow-scrolling:touch;
          scrollbar-width:none;
          padding-bottom:2px;
          align-items:flex-start;
        }

        .elp-loesungen .elp-track::-webkit-scrollbar{
          display:none;
        }

        .elp-loesungen .elp-slider__nav{
          display:flex;
          align-items:center;
          justify-content:center;
          gap:14px;
          margin-top:18px;
        }

        .elp-loesungen .elp-slider--static .elp-slider__nav{
          display:none;
        }

        .elp-loesungen .elp-arrow{
          width:34px;
          height:34px;
          border:2px solid var(--elp-black);
          background:var(--elp-white);
          border-radius:0;
          cursor:pointer;
          display:inline-flex;
          align-items:center;
          justify-content:center;
        }

        .elp-loesungen .elp-arrow svg{
          width:18px;
          height:18px;
          stroke:var(--elp-black);
          stroke-width:2;
          fill:none;
          stroke-linecap:round;
          stroke-linejoin:round;
        }

        .elp-loesungen .elp-arrow:hover{
          background:var(--elp-black);
        }

        .elp-loesungen .elp-arrow:hover svg{
          stroke:var(--elp-white);
        }

        .elp-loesungen .elp-arrow:disabled{
          opacity:.28;
          cursor:not-allowed;
        }

        .elp-loesungen .elp-arrow:disabled:hover{
          background:var(--elp-white);
        }

        .elp-loesungen .elp-arrow:disabled:hover svg{
          stroke:var(--elp-black);
        }

        .elp-loesungen .elp-dots{
          display:flex;
          gap:8px;
          align-items:center;
        }

        .elp-loesungen .elp-dot{
          width:8px;
          height:8px;
          border:2px solid var(--elp-black);
          background:var(--elp-white);
          border-radius:0;
          padding:0;
          cursor:pointer;
        }

        .elp-loesungen .elp-dot.is-active{
          background:var(--elp-black);
        }

        .elp-loesungen .elp-card{
          background:var(--elp-white);
          scroll-snap-align:start;
          flex:0 0 calc((100% - (var(--elp-per-view) - 1) * var(--elp-gap)) / var(--elp-per-view))!important;
        }

        .elp-loesungen .elp-card--live{
          border:var(--elp-frame) solid var(--elp-black);
        }

        .elp-loesungen .elp-card--soon{
          border:1px solid var(--elp-line);
          opacity:.88;
        }

        .elp-loesungen .elp-card__head{
          padding:14px 16px!important;
        }

        .elp-loesungen .elp-card--live .elp-card__head{
          background:var(--elp-black);
          color:var(--elp-white)!important;
        }

        .elp-loesungen .elp-card--soon .elp-card__head{
          background:var(--elp-soft);
          color:var(--elp-white)!important;
        }

        .elp-loesungen .elp-card__head .elp-card__title,
        .elp-loesungen .elp-card__head .elp-card__by,
        .elp-loesungen .elp-card__head .elp-card__sub,
        .elp-loesungen .elp-card__head .elp-card__flow{
          color:var(--elp-white)!important;
        }

        .elp-loesungen .elp-card__title,
        .elp-loesungen h3.elp-card__title{
          margin:0!important;
          padding:0!important;
          font-size:16px!important;
          font-weight:900!important;
          line-height:1.13!important;
          letter-spacing:.015em!important;
          text-transform:uppercase!important;
          color:#ffffff!important;
        }

        .elp-loesungen .elp-card__by,
        .elp-loesungen p.elp-card__by{
          margin:6px 0 0!important;
          padding:0!important;
          font-size:8.5px!important;
          line-height:1.35!important;
          letter-spacing:.19em!important;
          text-transform:uppercase!important;
          font-weight:400!important;
          color:rgba(255,255,255,.82)!important;
        }

        .elp-loesungen .elp-card__sub,
        .elp-loesungen p.elp-card__sub{
          margin:8px 0 0!important;
          padding:0!important;
          font-size:10.5px!important;
          line-height:1.35!important;
          font-weight:600!important;
          letter-spacing:.035em!important;
          color:#ffffff!important;
        }

        .elp-loesungen .elp-card__flow{
          margin-top:8px;
          padding-top:8px;
          border-top:1px solid rgba(255,255,255,.18);
          font-size:9px!important;
          line-height:1.4!important;
          font-weight:500!important;
          letter-spacing:.04em!important;
          color:rgba(255,255,255,.82)!important;
        }

        .elp-loesungen .elp-card__body{
          padding:16px!important;
        }

        .elp-loesungen .elp-hook,
        .elp-loesungen p.elp-hook,
        .elp-loesungen .elp-soon-text,
        .elp-loesungen p.elp-soon-text{
          margin:0 0 14px!important;
          padding:0!important;
          font-size:12.5px!important;
          line-height:1.45!important;
          font-weight:400!important;
          color:var(--elp-ink)!important;
        }

        .elp-loesungen .elp-soon-text,
        .elp-loesungen p.elp-soon-text{
          margin-bottom:0!important;
          color:var(--elp-grey)!important;
        }

        .elp-loesungen .elp-price{
          margin:0 0 14px!important;
        }

        .elp-loesungen .elp-price__brutto{
          display:block;
          font-size:22px!important;
          line-height:1.1!important;
        }

        .elp-loesungen .elp-price__brutto strong{
          font-weight:700!important;
        }

        .elp-loesungen .elp-price__brutto span{
          color:var(--elp-grey);
          font-size:11.5px!important;
        }

        .elp-loesungen .elp-price__tax,
        .elp-loesungen .elp-price__netto{
          display:block;
          margin-top:4px;
          font-size:10px!important;
          line-height:1.35!important;
          color:var(--elp-grey)!important;
        }

        .elp-loesungen .elp-price__netto{
          margin-top:1px;
        }

        .elp-loesungen .elp-actions{
          display:flex;
          gap:8px;
        }

        .elp-loesungen .elp-btn{
          font-size:11.5px!important;
          line-height:1.1!important;
          font-weight:700!important;
          border-radius:0;
          cursor:pointer;
          text-decoration:none!important;
          display:inline-flex;
          align-items:center;
          justify-content:center;
          gap:7px;
          padding:10px 12px!important;
          transition:background .12s ease,color .12s ease;
        }

        .elp-loesungen .elp-btn--buy{
          flex:1 1 auto;
          background:var(--elp-black);
          color:var(--elp-white)!important;
          border:2px solid var(--elp-black);
        }

        .elp-loesungen .elp-btn--buy:hover{
          background:var(--elp-white);
          color:var(--elp-black)!important;
        }

        .elp-loesungen .elp-btn--more{
          flex:0 0 auto;
          background:var(--elp-white);
          color:var(--elp-black)!important;
          border:2px solid #c9c9c9;
        }

        .elp-loesungen .elp-btn--more:hover{
          background:#f2f2f2;
        }

        .elp-loesungen .elp-btn--block{
          width:100%;
          margin-top:16px;
        }

        .elp-loesungen .elp-caret{
          width:12px;
          height:12px;
          transition:transform .18s ease;
        }

        .elp-loesungen .elp-card.is-open .elp-caret{
          transform:rotate(180deg);
        }

        .elp-loesungen .elp-rule{
          border:none;
          border-top:1px solid #e4e4e4;
          margin:16px 0 12px;
        }

        .elp-loesungen .elp-label,
        .elp-loesungen p.elp-label{
          margin:0 0 9px!important;
          padding:0!important;
          font-size:9px!important;
          line-height:1.4!important;
          letter-spacing:.16em!important;
          text-transform:uppercase!important;
          font-weight:700!important;
          color:var(--elp-ink)!important;
        }

        .elp-loesungen .elp-benefits{
          list-style:none!important;
          margin:0!important;
          padding:0!important;
        }

        .elp-loesungen .elp-benefits li{
          display:flex!important;
          gap:8px;
          align-items:flex-start;
          font-size:10.8px!important;
          line-height:1.45!important;
          margin-bottom:7px!important;
          color:var(--elp-ink)!important;
        }

        .elp-loesungen .elp-benefits li:last-child{
          margin-bottom:0!important;
        }

        .elp-loesungen .elp-benefits svg{
          flex:0 0 14px;
          width:14px;
          height:14px;
          margin-top:2px;
          stroke:var(--elp-black);
          stroke-width:2;
          fill:none;
          stroke-linecap:round;
          stroke-linejoin:round;
        }

        .elp-loesungen .elp-demo{
          position:relative;
          margin-top:14px;
          min-height:82px;
          padding:14px 15px;
          border:2px solid #000000;
          cursor:pointer;
          display:flex;
          align-items:center;
          justify-content:flex-start;
          gap:12px;
          font-size:11px!important;
          line-height:1.35!important;
          color:#000000;
          background:#f7f7f7;
          background-size:cover;
          background-position:center;
          transition:background .15s ease,color .15s ease,transform .15s ease;
        }

        .elp-loesungen .elp-demo__inner{
          display:flex;
          align-items:center;
          gap:12px;
          width:100%;
        }

        .elp-loesungen .elp-demo__icon{
          flex:0 0 34px;
          width:34px;
          height:34px;
          border-radius:50%;
          background:#000000;
          display:inline-flex;
          align-items:center;
          justify-content:center;
        }

        .elp-loesungen .elp-demo__play{
          width:13px;
          height:13px;
          fill:#ffffff;
          margin-left:2px;
        }

        .elp-loesungen .elp-demo__copy{
          display:block;
          text-align:left;
        }

        .elp-loesungen .elp-demo__copy strong{
          display:block;
          margin-bottom:3px;
          font-size:11.5px!important;
          line-height:1.2!important;
          font-weight:800!important;
          letter-spacing:.08em;
          text-transform:uppercase;
          color:#000000;
        }

        .elp-loesungen .elp-demo__copy small{
          display:block;
          font-size:10.5px!important;
          line-height:1.35!important;
          font-weight:400!important;
          color:#4a4a4a;
        }

        .elp-loesungen .elp-demo:hover{
          background:#000000;
          color:#ffffff;
          transform:translateY(-1px);
        }

        .elp-loesungen .elp-demo:hover .elp-demo__icon{
          background:#ffffff;
        }

        .elp-loesungen .elp-demo:hover .elp-demo__play{
          fill:#000000;
        }

        .elp-loesungen .elp-demo:hover .elp-demo__copy strong,
        .elp-loesungen .elp-demo:hover .elp-demo__copy small{
          color:#ffffff!important;
        }

        .elp-loesungen .elp-demo.is-loaded{
          border:none;
          padding:0;
          min-height:0;
          aspect-ratio:16 / 9;
          background:var(--elp-black);
          cursor:default;
        }

        .elp-loesungen .elp-demo__frame{
          position:absolute;
          inset:0;
          width:100%;
          height:100%;
          border:0;
        }

        .elp-loesungen .elp-details{
          display:none;
        }

        .elp-loesungen .elp-card.is-open .elp-details{
          display:block;
        }

        .elp-loesungen .elp-details__text,
        .elp-loesungen p.elp-details__text{
          margin:0!important;
          font-size:11px!important;
          line-height:1.45!important;
        }

        .elp-loesungen .elp-details__list{
          list-style:none!important;
          margin:10px 0 0!important;
          padding:0!important;
          font-size:10.8px!important;
          line-height:1.45!important;
        }

        .elp-loesungen .elp-details__list li{
          margin-bottom:6px;
        }

        @media(max-width:480px){
          .elpers-workflow-main{
            padding:48px 22px!important;
          }

          .elpers-overview p{
            font-size:14px;
            line-height:1.65;
          }

          .elp-loesungen .elp-card__head,
          .elp-loesungen .elp-card__body{
            padding:15px!important;
          }

          .elp-loesungen .elp-actions{
            flex-wrap:wrap;
          }

          .elp-loesungen .elp-btn--buy,
          .elp-loesungen .elp-btn--more{
            flex:1 1 100%;
          }

          .elp-loesungen .elp-card__title,
          .elp-loesungen h3.elp-card__title{
            font-size:15px!important;
          }
        }

        @media(prefers-reduced-motion:reduce){
          .elp-loesungen .elp-track{
            scroll-behavior:auto;
          }

          .elp-loesungen .elp-btn,
          .elp-loesungen .elp-caret,
          .elp-loesungen .elp-arrow{
            transition:none;
          }
        }
      



/* Statische Domain: Footer-Links statt Popup-Buttons */
.elpers-legal-buttons a{
  appearance:none;
  border:1px solid rgba(255,255,255,.38);
  background:transparent;
  color:#ffffff;
  padding:8px 13px;
  font-size:10px;
  line-height:1;
  letter-spacing:1.3px;
  text-transform:uppercase;
  cursor:pointer;
  border-radius:999px;
  font-family:Arial,'Segoe UI',Roboto,system-ui,sans-serif;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.elpers-legal-buttons a:hover,
.elpers-legal-buttons a:focus{
  background:#ffffff;
  color:#000000;
  border-color:#ffffff;
  outline:none;
}

.elpers-legal-page{
  max-width:680px;
  margin:0 auto;
  text-align:left;
  font-size:15px;
  line-height:1.7;
  color:#000000;
}

.elpers-legal-page h1{
  font-size:32px;
  line-height:1.12;
  margin:0 0 22px;
  text-transform:uppercase;
  letter-spacing:-.3px;
  font-weight:900;
}

.elpers-legal-page h2{
  font-size:20px;
  line-height:1.25;
  margin:30px 0 10px;
}

.elpers-legal-page h3{
  font-size:17px;
  line-height:1.3;
  margin:24px 0 8px;
}

.elpers-legal-page p{
  margin:0 0 14px;
}

.elpers-legal-page ul,
.elpers-legal-page ol{
  margin:0 0 18px 22px;
  padding:0;
}

.elpers-legal-page li{
  margin-bottom:7px;
}

.elpers-legal-page a{
  color:#000000;
  text-decoration:underline;
  text-underline-offset:2px;
}

.elpers-legal-intro{
  text-align:center;
  margin:0 auto 32px;
}

.elpers-legal-intro .eyebrow{
  margin:0 0 12px;
  font-size:11px;
  letter-spacing:4px;
  text-transform:uppercase;
  color:#9a9a9a;
}

.elpers-legal-intro .bar{
  width:64px;
  height:4px;
  background:#000000;
  margin:0 auto 28px;
}

.elpers-legal-box{
  border:2px solid #000000;
  padding:18px;
  background:#ffffff;
  margin:18px 0;
}

.elpers-top-credit-comment-only{
  display:none!important;
}

@media (max-width:640px){
  .elpers-legal-page{
    font-size:14px;
    line-height:1.65;
  }

  .elpers-legal-page h1{
    font-size:26px;
  }

  .elpers-legal-page h2{
    font-size:18px;
  }

  .elpers-legal-buttons a{
    font-size:9px;
    padding:8px 10px;
    letter-spacing:1px;
  }
}




/* Header-Logo als Home-Link */
.elpers-brand-link{
  display:block;
  color:#ffffff;
  text-decoration:none;
}

.elpers-brand-link:hover,
.elpers-brand-link:focus{
  color:#ffffff;
  text-decoration:none;
  outline:none;
}

.elpers-brand-link:focus-visible{
  outline:2px solid #ffffff;
  outline-offset:-8px;
}

/* Cookie Consent / Einstellungen */
.elpers-cookie-layer{
  position:fixed;
  inset:auto 18px 18px auto;
  width:min(420px,calc(100vw - 36px));
  z-index:999999;
  background:#ffffff;
  color:#000000;
  border:2px solid #000000;
  box-shadow:0 24px 80px rgba(0,0,0,.38);
  padding:18px;
  font-family:Arial,'Segoe UI',Roboto,system-ui,sans-serif;
  display:none;
}

.elpers-cookie-layer.is-visible{
  display:block;
}

.elpers-cookie-layer h2{
  margin:0 0 8px;
  font-size:17px;
  line-height:1.25;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.elpers-cookie-layer p{
  margin:0 0 12px;
  font-size:12.5px;
  line-height:1.55;
  color:#222222;
}

.elpers-cookie-layer a{
  color:#000000;
  text-decoration:underline;
  text-underline-offset:2px;
}

.elpers-cookie-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}

.elpers-cookie-btn{
  appearance:none;
  border-radius:0;
  border:2px solid #000000;
  background:#ffffff;
  color:#000000;
  padding:10px 12px;
  font-size:11px;
  line-height:1.1;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:800;
  cursor:pointer;
}

.elpers-cookie-btn--primary{
  background:#000000;
  color:#ffffff;
}

.elpers-cookie-btn:hover,
.elpers-cookie-btn:focus{
  background:#000000;
  color:#ffffff;
  outline:none;
}

.elpers-cookie-btn--primary:hover,
.elpers-cookie-btn--primary:focus{
  background:#ffffff;
  color:#000000;
}

.elpers-cookie-settings-panel{
  margin-top:14px;
  border-top:1px solid #dddddd;
  padding-top:12px;
  display:none;
}

.elpers-cookie-layer.is-settings .elpers-cookie-settings-panel{
  display:block;
}

.elpers-cookie-option{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:10px 0;
  font-size:12px;
  line-height:1.45;
}

.elpers-cookie-option input{
  margin-top:2px;
}

.elpers-cookie-option strong{
  display:block;
  margin-bottom:2px;
  font-size:12px;
}

.elpers-cookie-small{
  font-size:11px!important;
  color:#555555!important;
}

.elpers-cookie-floating{
  display:none;
}

.elpers-legal-buttons button.elpers-cookie-settings-button{
  appearance:none;
  border:1px solid rgba(255,255,255,.38);
  background:transparent;
  color:#ffffff;
  padding:8px 13px;
  font-size:10px;
  line-height:1;
  letter-spacing:1.3px;
  text-transform:uppercase;
  cursor:pointer;
  border-radius:999px;
  font-family:Arial,'Segoe UI',Roboto,system-ui,sans-serif;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}

.elpers-legal-buttons button.elpers-cookie-settings-button:hover,
.elpers-legal-buttons button.elpers-cookie-settings-button:focus{
  background:#ffffff;
  color:#000000;
  border-color:#ffffff;
  outline:none;
}

@media (max-width:640px){
  .elpers-cookie-layer{
    inset:auto 10px 10px 10px;
    width:auto;
    padding:16px;
  }

  .elpers-cookie-actions{
    flex-direction:column;
  }

  .elpers-cookie-btn{
    width:100%;
  }

  .elpers-legal-buttons button.elpers-cookie-settings-button{
    font-size:9px;
    padding:8px 10px;
    letter-spacing:1px;
  }
}



/* Update: Startseite + Übersicht + Lösungen sauber als 3er-Navigation */
.elpers-workflow-tabs{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

.elpers-workflow-tab{
  min-width:0!important;
  border-left:1px solid #e6e6e6;
  white-space:normal;
}

.elpers-workflow-tab:first-child{
  border-left:0!important;
}

.elpers-workflow-tab + .elpers-workflow-tab{
  border-left:1px solid #e6e6e6!important;
}

/* Mobile: Navigation bleibt wählbar, ohne horizontalen Scroll-Zwang */
@media (max-width:480px){
  .elpers-workflow-tab{
    padding:13px 5px!important;
    font-size:10.5px!important;
    letter-spacing:1.15px!important;
    line-height:1.15!important;
  }

  .elpers-workflow-tab span{
    margin-top:5px!important;
    font-size:7.5px!important;
    letter-spacing:.8px!important;
  }
}

@media (max-width:340px){
  .elpers-workflow-tab{
    font-size:9.5px!important;
    letter-spacing:.75px!important;
  }

  .elpers-workflow-tab span{
    font-size:7px!important;
    letter-spacing:.45px!important;
  }
}

/* Update: Modul-Slider auf dem Handy ohne künstliche hohe Weißfläche */
@media (max-width:780px){
  .elp-loesungen .elp-track{
    align-items:flex-start!important;
    height:auto!important;
    min-height:0!important;
  }

  .elp-loesungen .elp-card{
    height:auto!important;
    min-height:0!important;
  }

  .elp-loesungen .elp-card:not(.is-active-slide){
    align-self:flex-start!important;
  }

  .elp-loesungen .elp-slider{
    height:auto!important;
    min-height:0!important;
  }
}



/* Update: Weitere Informationen direkt unter dem Mehr/Weniger-Button */
.elp-loesungen .elp-details{
  margin:12px 0 0!important;
  padding:13px 14px!important;
  border:1px solid #d7d7d7!important;
  background:#fafafa!important;
}

.elp-loesungen .elp-card.is-open .elp-details{
  display:block!important;
}

.elp-loesungen .elp-details .elp-label{
  margin-bottom:7px!important;
}

.elp-loesungen .elp-details__text,
.elp-loesungen p.elp-details__text{
  font-size:10.8px!important;
  line-height:1.48!important;
  color:#111!important;
}

.elp-loesungen .elp-details__list{
  font-size:10.5px!important;
  line-height:1.45!important;
}

/* Update: Smooth Auto-Height statt harter Höhenwechsel im mobilen Modul-Slider */
@media (max-width:780px){
  .elp-loesungen .elp-track{
    overflow-y:hidden!important;
    transition:height .42s ease!important;
    will-change:height;
  }

  .elp-loesungen .elp-card{
    transition:opacity .22s ease, transform .22s ease!important;
  }

  .elp-loesungen .elp-card:not(.is-active-slide){
    opacity:.98;
  }

  .elp-loesungen .elp-details{
    margin-top:10px!important;
    padding:12px!important;
  }
}



/* Update: Cookie-Auswahl speichern nur anzeigen, wenn Einstellungen geöffnet sind */
.elpers-cookie-save-button{
  display:none;
}

.elpers-cookie-layer.is-settings .elpers-cookie-save-button{
  display:inline-flex;
}



/* Fix: sanfte mobile Höhenanimation für den Modulbereich */
@media (max-width:780px){
  .elp-loesungen .elp-track{
    transition:height .46s ease!important;
    overflow-y:hidden!important;
  }
}



/* Update: Details-Box luftiger und klarer hervorgehoben */
.elp-loesungen .elp-actions{
  margin-bottom:16px!important;
}

.elp-loesungen .elp-actions + .elp-details{
  margin-top:0!important;
}

.elp-loesungen .elp-details{
  margin:0 0 18px!important;
  padding:18px 18px 16px!important;
  border:2px solid #d7d7d7!important;
  background:linear-gradient(180deg,#fcfcfc 0%,#f6f6f6 100%)!important;
  box-shadow:0 10px 26px rgba(0,0,0,.05)!important;
  border-radius:2px!important;
}

.elp-loesungen .elp-details .elp-label{
  margin:0 0 9px!important;
  font-size:11px!important;
  line-height:1.2!important;
  letter-spacing:2.6px!important;
  color:#000000!important;
}

.elp-loesungen .elp-details__intro{
  margin:0 0 12px!important;
  padding:9px 11px!important;
  border-left:4px solid #000000!important;
  background:#ffffff!important;
  font-size:11.2px!important;
  line-height:1.45!important;
  color:#111111!important;
}

.elp-loesungen .elp-details__text,
.elp-loesungen p.elp-details__text{
  margin:0 0 14px!important;
  font-size:11.3px!important;
  line-height:1.62!important;
  color:#111111!important;
}

.elp-loesungen .elp-details__list{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  font-size:11px!important;
  line-height:1.62!important;
  color:#111111!important;
}

.elp-loesungen .elp-details__list li{
  margin:0 0 9px!important;
}

.elp-loesungen .elp-details__list li:last-child{
  margin-bottom:0!important;
}

.elp-loesungen .elp-details + .elp-rule{
  margin-top:18px!important;
}

@media (max-width:780px){
  .elp-loesungen .elp-actions{
    margin-bottom:14px!important;
  }

  .elp-loesungen .elp-details{
    margin:0 0 16px!important;
    padding:16px 15px 14px!important;
  }

  .elp-loesungen .elp-details .elp-label{
    font-size:10.5px!important;
    letter-spacing:2.2px!important;
  }

  .elp-loesungen .elp-details__intro{
    margin-bottom:10px!important;
    padding:8px 10px!important;
    font-size:10.6px!important;
  }

  .elp-loesungen .elp-details__text,
  .elp-loesungen p.elp-details__text,
  .elp-loesungen .elp-details__list{
    font-size:10.6px!important;
    line-height:1.56!important;
  }
}



/* FINAL FIX: sichtbare Details-Box mit echter Luft, Padding und leicht grauem Hintergrund */
.elp-loesungen .elp-card .elp-details{
  display:none!important;
  margin:18px 0 22px!important;
  padding:18px 18px 16px!important;
  background:#f4f4f4!important;
  border:1px solid #d2d2d2!important;
  box-shadow:0 10px 24px rgba(0,0,0,.06)!important;
  border-radius:0!important;
}

.elp-loesungen .elp-card.is-open .elp-details{
  display:block!important;
}

.elp-loesungen .elp-card .elp-actions{
  margin-bottom:18px!important;
}

.elp-loesungen .elp-card .elp-details .elp-label{
  margin:0 0 12px!important;
  padding:0 0 10px!important;
  border-bottom:1px solid #dddddd!important;
  font-size:10.5px!important;
  line-height:1.25!important;
  letter-spacing:2.4px!important;
  font-weight:900!important;
  color:#000000!important;
}

.elp-loesungen .elp-card .elp-details__intro{
  margin:0 0 14px!important;
  padding:12px 13px!important;
  background:#ffffff!important;
  border-left:4px solid #000000!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  font-weight:700!important;
  color:#000000!important;
}

.elp-loesungen .elp-card .elp-details__text,
.elp-loesungen .elp-card p.elp-details__text{
  margin:0 0 15px!important;
  font-size:11.2px!important;
  line-height:1.62!important;
  color:#111111!important;
}

.elp-loesungen .elp-card .elp-details__list{
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  font-size:10.9px!important;
  line-height:1.58!important;
  color:#111111!important;
}

.elp-loesungen .elp-card .elp-details__list li{
  margin:0 0 10px!important;
  padding:0!important;
}

.elp-loesungen .elp-card .elp-details__list li:last-child{
  margin-bottom:0!important;
}

.elp-loesungen .elp-card .elp-details + .elp-rule{
  margin-top:20px!important;
}

@media (max-width:780px){
  .elp-loesungen .elp-card .elp-details{
    margin:16px 0 20px!important;
    padding:16px 15px 14px!important;
  }

  .elp-loesungen .elp-card .elp-details__intro{
    padding:11px 12px!important;
    font-size:10.8px!important;
  }

  .elp-loesungen .elp-card .elp-details__text,
  .elp-loesungen .elp-card p.elp-details__text,
  .elp-loesungen .elp-card .elp-details__list{
    font-size:10.6px!important;
    line-height:1.55!important;
  }
}



/* Update: Mobile Slider wechselt Kachelhöhe weich und scrollt beim Swipe zum aktiven Modul */
html{
  scroll-behavior:smooth;
}

@media (max-width:780px){
  .elp-loesungen .elp-track{
    transition:height .55s ease!important;
    overflow-y:hidden!important;
    align-items:flex-start!important;
    will-change:height;
  }

  .elp-loesungen .elp-card{
    scroll-margin-top:18px;
  }
}



/* JS Repair: Slider/Details/Video benötigen diese Zustände */
.elp-loesungen .elp-card .elp-details{
  display:none!important;
}

.elp-loesungen .elp-card.is-open .elp-details{
  display:block!important;
}

.elp-loesungen .elp-demo.is-loaded{
  border:none!important;
  padding:0!important;
  min-height:0!important;
  aspect-ratio:16 / 9!important;
  background:#000000!important;
  cursor:default!important;
}

.elp-loesungen .elp-demo__native-video{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

@media (max-width:780px){
  .elp-loesungen .elp-track{
    transition:height .55s ease!important;
    overflow-y:hidden!important;
    align-items:flex-start!important;
    will-change:height;
  }

  .elp-loesungen .elp-card{
    scroll-margin-top:18px;
  }
}