@font-face  {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-0.ttf) format("truetype");
}@font-face  {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-1.ttf) format("truetype");
}@font-face  {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/font-2.ttf) format("truetype");
}@font-face  {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/font-3.ttf) format("truetype");
}@font-face  {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-4.ttf) format("truetype");
}@font-face  {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-5.ttf) format("truetype");
}@font-face  {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/font-6.ttf) format("truetype");
}@font-face  {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/font-7.ttf) format("truetype");
}@font-face  {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/font-8.ttf) format("truetype");
}.pcon-startseite{--pine:#1b3832;--ink:#172721;--lime:#b9e34b;--muted:#64716a;--line:#dce3dc;--soft:#f3f6f0;--white:#fff;--radius:22px;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);font-size:16px;line-height:1.55}.pcon-startseite *{box-sizing:border-box}.pcon-startseite{scroll-behavior:smooth;scroll-padding-top:115px}.pcon-startseite{margin:0;background:white}.pcon-startseite button,.pcon-startseite input{font:inherit}.pcon-startseite button,.pcon-startseite a{-webkit-tap-highlight-color:transparent}.pcon-startseite button{cursor:pointer}.pcon-startseite a{color:inherit;text-decoration:none}.pcon-startseite button{color:inherit}.pcon-startseite button:focus-visible,.pcon-startseite a:focus-visible,.pcon-startseite input:focus-visible,.pcon-startseite summary:focus-visible{outline:3px solid #478216;outline-offset:5px}.pcon-startseite h1,.pcon-startseite h2,.pcon-startseite h3,.pcon-startseite p{margin:0}.pcon-startseite h1,.pcon-startseite h2,.pcon-startseite h3{font-family:Manrope,Arial,sans-serif;line-height:1.08;letter-spacing:-.045em}.pcon-startseite h2{font-size:clamp(2rem,3.4vw,3.2rem);font-weight:750}.pcon-startseite h3{font-size:1.45rem}.pcon-startseite p{color:var(--muted)}.pcon-startseite .skip{position:fixed;left:20px;top:-100px;z-index:20;background:white;padding:10px}.pcon-startseite .skip:focus{top:10px}.pcon-startseite .prototype-bar{background:var(--pine);color:#dce6dc;display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.11em;padding:8px 4.2%;height:37px}.pcon-startseite .prototype-bar button{border:0;background:none;color:#e8f7d4;font-size:.8rem;letter-spacing:0}.pcon-startseite header{height:86px;padding:0 4.2%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:#fffffff2;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.pcon-startseite .brand{display:flex;align-items:center;gap:11px;margin-right:auto}.pcon-startseite .brand img{width:92px;height:auto}.pcon-startseite .brand span{font-size:.75rem;letter-spacing:.18em;padding-left:12px;border-left:1px solid #ccd2ca;color:var(--muted)}.pcon-startseite nav{display:flex;gap:29px;font-size:.9rem}.pcon-startseite nav a:hover{color:#5b7e1b}.pcon-startseite .button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid transparent;padding:16px 22px;border-radius:7px;font-weight:600;line-height:1.3;transition:transform .2s,background .2s}.pcon-startseite .button:hover{transform:translateY(-2px)}.pcon-startseite .button.dark{background:var(--pine);color:white}.pcon-startseite .button.dark:hover{background:#294d40}.pcon-startseite .button.lime{background:var(--lime);color:var(--pine)}.pcon-startseite .button.outline{border-color:var(--line);background:white}.pcon-startseite .button.small{font-size:.85rem;padding:12px 17px}.pcon-startseite .text-button{background:none;border:0;padding:12px 0;font-weight:600}.pcon-startseite .text-button:hover{text-decoration:underline}.pcon-startseite .hero{max-width:1600px;margin:auto;padding:65px 4.2% 58px;display:grid;grid-template-columns:1fr 1.08fr;gap:50px;align-items:center}.pcon-startseite .eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.13em;margin-bottom:22px;color:var(--pine)}.pcon-startseite h1{font-size:clamp(3.5rem,5.8vw,6.1rem);font-weight:750;line-height:1.03;letter-spacing:-.055em}.pcon-startseite h1 span{color:#648a20}.pcon-startseite .hero-description{font-size:1.1rem;max-width:460px;margin:26px 0;color:#54635a}.pcon-startseite .hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.pcon-startseite .price-line{font-size:.8rem;margin-top:17px}.pcon-startseite .price-line strong{color:var(--ink)}.pcon-startseite .price-line span{display:block;margin-top:3px}.pcon-startseite .hero-visual{height:565px;position:relative;border-radius:var(--radius);background:var(--soft);overflow:hidden}.pcon-startseite .hero-visual>img{width:100%;height:100%;object-fit:cover}.pcon-startseite .visual-label{position:absolute;top:25px;left:25px;padding:8px 12px;border-radius:5px;background:#ffffffdf;font-size:.68rem;letter-spacing:.09em;color:var(--pine);font-weight:600}.pcon-startseite .visual-stages{display:flex;gap:5px;position:absolute;bottom:45px;left:20px;right:20px;padding:6px;background:#ffffffeb;backdrop-filter:blur(8px);border-radius:8px}.pcon-startseite .visual-stages span{flex:1;text-align:center;padding:9px 4px;font-size:.82rem;white-space:nowrap}.pcon-startseite .visual-stages span:last-child{background:var(--lime);border-radius:5px;font-weight:600}.pcon-startseite .image-caption{position:absolute;bottom:12px;left:24px;font-size:.7rem;background:#ffffffd9;padding:2px 7px;border-radius:3px;color:#3c4a40}.pcon-startseite .trust-strip{display:flex;justify-content:space-between;align-items:center;max-width:1466px;margin:0 auto;padding:24px 4.2%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:.85rem;color:var(--muted)}.pcon-startseite .trust-strip span{display:flex;align-items:center;gap:12px}.pcon-startseite .trust-strip img{width:63px;height:34px}.pcon-startseite section{scroll-margin-top:20px}@media (max-width:1000px){.pcon-startseite nav{gap:16px}.pcon-startseite header{gap:20px}.pcon-startseite .hero{gap:28px}.pcon-startseite .hero-visual{height:510px}.pcon-startseite .hero-actions{gap:10px}.pcon-startseite .trust-strip{gap:20px}.pcon-startseite .hero-description{font-size:1rem}}@media (max-width:760px){.pcon-startseite header{height:73px;padding:0 5%}.pcon-startseite nav{display:none}.pcon-startseite .brand img{width:76px}.pcon-startseite .brand span{display:none}.pcon-startseite .hero{grid-template-columns:1fr;padding:42px 5%;gap:35px}.pcon-startseite h1{font-size:clamp(3.5rem,13vw,5.1rem)}.pcon-startseite .hero-visual{height:410px}.pcon-startseite .hero-actions{gap:16px}.pcon-startseite .hero-description{font-size:1.05rem}.pcon-startseite .trust-strip{flex-wrap:wrap;gap:15px;padding:20px 5%}.pcon-startseite .trust-strip span{font-size:.78rem}.pcon-startseite .prototype-bar{padding:8px 5%;font-size:.65rem}.pcon-startseite .bar-extra{display:none}}@media (prefers-reduced-motion:reduce){.pcon-startseite{scroll-behavior:auto}.pcon-startseite *,.pcon-startseite *:before,.pcon-startseite *:after{animation:none!important;transition:none!important}}.pcon-startseite .section{max-width:1440px;margin:auto;padding:90px 4.6%;position:relative}.pcon-startseite .section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.pcon-startseite .section-heading>p{font-size:1rem;max-width:300px;padding-bottom:5px}.pcon-startseite .section-heading .eyebrow{margin-bottom:17px}.pcon-startseite .benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pcon-startseite .benefit{padding:35px;border:1px solid var(--line);border-radius:14px;display:flex;flex-direction:column;min-height:300px}.pcon-startseite .benefit.featured{background:var(--pine);color:white;border-color:var(--pine)}.pcon-startseite .number{font-size:.7rem;letter-spacing:.13em;color:var(--muted);font-weight:600;display:block;margin-bottom:27px}.pcon-startseite .featured .number{color:#c5dfa8}.pcon-startseite .benefit h3{font-size:1.7rem;line-height:1.2;margin-bottom:15px}.pcon-startseite .benefit p{font-size:1rem;max-width:490px}.pcon-startseite .featured p{color:#c4d1c8}.pcon-startseite .inline-link{display:inline-flex;align-items:center;gap:18px;background:none;border:0;padding:0;font-weight:600;font-size:.9rem;margin-top:25px;text-align:left}.pcon-startseite .inline-link:hover{text-decoration:underline}.pcon-startseite .mini-flow{display:flex;align-items:center;gap:18px;border-top:1px solid #506158;margin-top:27px;padding-top:20px;font-size:.82rem}.pcon-startseite .mini-flow strong{color:var(--lime)}.pcon-startseite .benefit-bottom{font-size:.82rem;padding-top:23px;margin-top:auto;color:#45614d}.pcon-startseite .fineprint{font-size:.75rem;line-height:1.55;margin-top:20px}.pcon-startseite .benefits>.fineprint{margin-left:4px}.pcon-startseite .workflow{padding-top:40px}.pcon-startseite .workflow-tabs{display:flex;border-bottom:1px solid var(--line);gap:20px}.pcon-startseite .workflow-tabs button{background:none;border:0;border-bottom:3px solid transparent;border-radius:0;padding:17px 26px;font-weight:600;color:var(--muted);font-size:1rem}.pcon-startseite .workflow-tabs button span{margin-right:12px;font-size:.75rem}.pcon-startseite .workflow-tabs button[aria-selected=true]{border-bottom-color:var(--pine);color:var(--pine)}.pcon-startseite .workflow-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;background:var(--soft);padding:46px;border-radius:0 0 18px 18px;min-height:455px}.pcon-startseite .workflow-panel[hidden]{display:none}.pcon-startseite .workflow-copy h3{font-size:2.25rem;margin-bottom:22px}.pcon-startseite .workflow-copy>p{max-width:470px}.pcon-startseite .workflow-copy .eyebrow{font-size:.7rem}.pcon-startseite .checks{padding:0;list-style:none;margin:25px 0}.pcon-startseite .checks li{padding-left:25px;position:relative;font-size:.9rem;margin:12px 0}.pcon-startseite .checks li:before{content:"✓";position:absolute;left:0;color:#648a20;font-weight:700}.pcon-startseite .project-brief,.pcon-startseite .quote{background:white;box-shadow:0 12px 35px #213a3010;border-radius:13px;padding:27px}.pcon-startseite .brief-head{display:flex;gap:14px;align-items:center;margin-bottom:26px}.pcon-startseite .document-icon{display:flex;width:42px;height:48px;background:var(--soft);align-items:center;justify-content:center;font-size:1.5rem;border:1px solid var(--line);border-radius:4px}.pcon-startseite .brief-head small{font-size:.65rem;letter-spacing:.1em;color:var(--muted)}.pcon-startseite h4{margin:3px 0 0;font-size:1rem;font-weight:600}.pcon-startseite .file-row{background:var(--soft);padding:16px;border-radius:7px;margin-bottom:10px}.pcon-startseite .file-row span{display:block;font-size:.8rem;color:var(--muted)}.pcon-startseite .brief-row{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:.8rem}.pcon-startseite .brief-row strong{font-weight:500;text-align:right}.pcon-startseite .brief-result{font-size:.9rem;font-weight:600;color:#42671b;margin-top:23px}.pcon-startseite .presentation-image{margin:0}.pcon-startseite .presentation-image img{width:100%;border-radius:12px;aspect-ratio:4/3;object-fit:cover}.pcon-startseite .presentation-image figcaption{font-size:.7rem;color:var(--muted);margin-top:7px}.pcon-startseite .quote-top{display:flex;flex-direction:column;gap:5px;margin-bottom:22px}.pcon-startseite .quote-top span{font-size:.65rem;letter-spacing:.1em;color:var(--muted)}.pcon-startseite .quote table{width:100%;border-collapse:collapse;font-size:.85rem}.pcon-startseite .quote th{text-align:left;font-size:.72rem;font-weight:500;color:var(--muted);padding-bottom:12px}.pcon-startseite .quote td{border-top:1px solid var(--line);padding:15px 0}.pcon-startseite .quote td small{display:block;font-size:.72rem;color:var(--muted)}.pcon-startseite .quote th:last-child,.pcon-startseite .quote td:last-child{text-align:right;white-space:nowrap}.pcon-startseite .quote tfoot{font-weight:700}.pcon-startseite .quote tfoot th{font-size:.85rem;color:var(--pine);padding-top:15px}.pcon-startseite .quote-origin{padding:12px;border-radius:7px;background:var(--soft);font-size:.74rem;line-height:1.9}.pcon-startseite .ecosystem{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-top:35px;padding-bottom:95px}.pcon-startseite .eco-description{font-size:1.05rem;margin-top:24px;max-width:490px}.pcon-startseite .eco-path{padding:7px 0}.pcon-startseite .eco-path>div{display:flex;gap:18px;padding:18px 22px;border-left:1px solid var(--line);margin-left:15px}.pcon-startseite .eco-path>div>span{font-size:.72rem;margin-top:4px;color:var(--muted)}.pcon-startseite .eco-path strong{display:block;color:var(--ink);font-size:1.05rem;font-weight:600;margin-bottom:4px}.pcon-startseite .eco-path p{font-size:.9rem}.pcon-startseite .eco-path .eco-center{background:var(--pine);border-radius:9px;border:0;margin:10px 0;color:white}.pcon-startseite .eco-center p,.pcon-startseite .eco-center>span{color:#d2dfd2!important}.pcon-startseite .eco-center strong{color:var(--lime);font-size:1.2rem}.pcon-startseite .eco-path>.fineprint{font-size:.75rem;margin-left:15px}.pcon-startseite .roi-section{background:var(--pine);color:white;position:relative}.pcon-startseite .roi-inner{max-width:1440px;margin:auto;padding:80px 4.6%;display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.pcon-startseite .roi-copy .eyebrow{color:var(--lime)}.pcon-startseite .roi-copy>p:not(.eyebrow){color:#cfdbd0;max-width:430px;font-size:1.07rem;margin-top:27px}.pcon-startseite .roi-copy strong{color:white}.pcon-startseite .roi-number{display:flex;align-items:center;gap:22px;margin-top:24px}.pcon-startseite .roi-number>span:first-child{font-family:Manrope,sans-serif;font-size:clamp(5.5rem,8vw,8rem);font-weight:650;line-height:1;letter-spacing:-.07em;color:var(--lime)}.pcon-startseite .roi-number>span:last-child{color:#d6e0d6;font-size:1rem;line-height:1.5}.pcon-startseite .roi-copy .roi-reminder{font-size:.9rem!important}.pcon-startseite .calculator{background:white;border-radius:16px;padding:35px;color:var(--ink)}.pcon-startseite .calculator .eyebrow{font-size:.7rem;margin-bottom:25px}.pcon-startseite .calculator label{font-size:.95rem;display:block;margin-bottom:17px}.pcon-startseite .value-input{display:flex;align-items:center;gap:12px;border:1px solid #b4c4ac;border-radius:8px;padding:12px 16px;background:#fbfcf9}.pcon-startseite .value-input input{width:90px;min-width:0;border:0;background:none;color:var(--pine);font-size:2rem;font-weight:600;outline-offset:1px}.pcon-startseite .value-input span{color:var(--muted)}.pcon-startseite input[type=range]{appearance:none;width:100%;height:5px;background:linear-gradient(to right,var(--pine) var(--range,17%),#dce4d5 var(--range,17%));border-radius:5px;margin:28px 0 10px;cursor:pointer}.pcon-startseite input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--pine);border:3px solid var(--lime)}.pcon-startseite input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--pine);border:3px solid var(--lime)}.pcon-startseite .range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--muted)}.pcon-startseite .calc-result{display:flex;justify-content:space-between;gap:15px;margin:26px 0 8px;align-items:center}.pcon-startseite .calc-result span{font-size:.82rem;color:var(--muted)}.pcon-startseite .calc-result strong{font-size:1.1rem;text-align:right}.pcon-startseite .formula{font-size:.75rem;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}.pcon-startseite .calculator .button{width:100%;font-size:.86rem;gap:12px}.pcon-startseite .calculator .fineprint{font-size:.7rem}.pcon-startseite .pricing{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.pcon-startseite .pricing-copy>p:not(.eyebrow){margin-top:24px;max-width:400px}.pcon-startseite .partner{display:flex;gap:20px;margin-top:40px;align-items:center}.pcon-startseite .partner img{width:83px}.pcon-startseite .partner strong{font-size:.85rem;display:block}.pcon-startseite .partner span{display:block;font-size:.78rem;color:var(--muted)}.pcon-startseite .partner a{display:block;font-size:.78rem;margin-top:9px;text-decoration:underline}.pcon-startseite .price-card{border:1px solid var(--line);border-top:4px solid var(--lime);border-radius:16px;padding:33px;box-shadow:0 16px 60px #213a300a}.pcon-startseite .price-card-top{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:600;letter-spacing:.05em}.pcon-startseite .badge{background:var(--soft);padding:5px 10px;font-size:.7rem;border-radius:5px;font-weight:400;letter-spacing:0}.pcon-startseite .price{display:flex;gap:13px;align-items:center;margin:25px 0 12px}.pcon-startseite .price>strong{font-size:5rem;line-height:1;letter-spacing:-.07em;font-family:Manrope,sans-serif}.pcon-startseite .price>span{font-size:1.8rem;line-height:1.2}.pcon-startseite .price small{font-size:.8rem;color:var(--muted)}.pcon-startseite .price-card>p:not(.fineprint){font-size:.8rem}.pcon-startseite .price-card .button{width:100%}.pcon-startseite .price-card .text-button{display:block;margin:6px auto;font-size:.9rem}.pcon-startseite .faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding-top:15px}.pcon-startseite .faq-list details{border-bottom:1px solid var(--line);padding:0 0 20px;margin-bottom:20px}.pcon-startseite .faq-list summary{cursor:pointer;font-size:1rem;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:25px}.pcon-startseite .faq-list summary:after{content:"+";font-size:1.3rem;font-weight:400;line-height:1.2}.pcon-startseite .faq-list details[open] summary:after{content:"−"}.pcon-startseite .faq-list summary::-webkit-details-marker{display:none}.pcon-startseite .faq-list p{font-size:.95rem;margin-top:18px;line-height:1.65}.pcon-startseite .faq-list a{font-size:.85rem;text-decoration:underline;display:inline-block;margin-top:12px}.pcon-startseite footer{border-top:1px solid var(--line);padding:40px 4.2%;display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:28px;align-items:start}.pcon-startseite footer>.brand{margin-top:6px}.pcon-startseite footer p{font-size:.85rem}.pcon-startseite footer>div{display:flex;gap:12px;flex-wrap:wrap;font-size:.8rem;justify-content:end}.pcon-startseite footer .text-button{padding:0;font-size:.8rem}.pcon-startseite footer small{grid-column:1/-1;font-size:.7rem;color:var(--muted)}.pcon-startseite .sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pcon-startseite dialog{border:0;border-radius:18px;padding:40px;width:min(550px,calc(100% - 30px));max-height:90vh;overflow:auto;color:var(--ink);box-shadow:0 25px 90px #0003}.pcon-startseite dialog::backdrop{background:#10241cb3;backdrop-filter:blur(4px)}.pcon-startseite dialog h2{font-size:2.4rem;margin-bottom:20px}.pcon-startseite dialog p{margin-top:15px}.pcon-startseite dialog .eyebrow{margin-top:0}.pcon-startseite dialog .button{margin-top:8px;width:100%;font-size:.9rem}.pcon-startseite .close{position:absolute;right:15px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:var(--soft);font-size:1.6rem;line-height:1}.pcon-startseite .modal-price{background:var(--soft);padding:20px;margin-top:22px;border-radius:8px;display:flex;align-items:baseline;gap:12px}.pcon-startseite .modal-price strong{font-size:2.4rem}.pcon-startseite .modal-price span{font-size:.8rem}.pcon-startseite .dev-panel{margin:0 0 0 auto;max-height:100dvh;height:100dvh;width:min(540px,100%);border-radius:0;padding:50px 32px}.pcon-startseite .dev-panel h2{font-size:2rem}.pcon-startseite .dev-panel h3{font-size:1.15rem;margin-top:30px;letter-spacing:-.02em}.pcon-startseite .dev-panel p,.pcon-startseite .dev-panel li{font-size:.9rem}.pcon-startseite .dev-panel li{margin:10px 0}.pcon-startseite .dev-panel .button{margin-top:20px}.pcon-startseite .dev-panel .outline{font-size:.8rem}.pcon-startseite .swatches{display:flex;gap:10px;margin-top:15px}.pcon-startseite .swatches span{font-size:.72rem}.pcon-startseite .swatches span:before{content:"";display:block;width:95px;height:38px;background:var(--swatch);border:1px solid var(--line);border-radius:5px;margin-bottom:5px}.pcon-startseite .dev-panel>a:not(.button){text-decoration:underline;font-size:.9rem}.pcon-startseite .dev-note{display:none;background:#fff6d9;color:#654b00;border:1px dashed #bd9537;padding:14px 18px;font-size:.82rem;line-height:1.6;border-radius:5px;grid-column:1/-1;margin-bottom:20px}.pcon-startseite .show-notes .dev-note{display:block}.pcon-startseite .hero{position:relative}.pcon-startseite .hero>.dev-note{grid-column:1/-1}.pcon-startseite .roi-section>.dev-note{max-width:1320px;margin:0 auto}.pcon-startseite .show-notes .prototype-bar{background:#725414}.pcon-startseite .show-notes .hero{row-gap:20px}@media (max-width:1100px){.pcon-startseite .section{padding:65px 4.6%}.pcon-startseite .section-heading{align-items:start}.pcon-startseite .section-heading>p{max-width:230px}.pcon-startseite .workflow-panel{padding:30px;gap:30px}.pcon-startseite .workflow-copy h3{font-size:1.9rem}.pcon-startseite .roi-inner{gap:40px}.pcon-startseite .ecosystem,.pcon-startseite .pricing{gap:40px}.pcon-startseite .brief-row{flex-direction:column;gap:4px}.pcon-startseite .brief-row strong{text-align:left}.pcon-startseite .calculator{padding:28px}.pcon-startseite .calc-result{align-items:start;flex-direction:column;gap:6px}.pcon-startseite .calc-result strong{text-align:left}}@media (max-width:760px){.pcon-startseite .section{padding:55px 5%}.pcon-startseite .section-heading{display:block;margin-bottom:28px}.pcon-startseite .section-heading>p{max-width:none;margin-top:20px}.pcon-startseite .benefit-grid{grid-template-columns:1fr}.pcon-startseite .benefit{padding:27px;min-height:0}.pcon-startseite .benefit h3{font-size:1.55rem}.pcon-startseite .benefit p{font-size:.95rem}.pcon-startseite .number{margin-bottom:18px}.pcon-startseite .benefit-bottom{margin-top:5px}.pcon-startseite .mini-flow{gap:12px;font-size:.72rem}.pcon-startseite .workflow-panel{grid-template-columns:1fr;padding:25px 20px;gap:32px}.pcon-startseite .workflow-tabs{gap:0}.pcon-startseite .workflow-tabs button{flex:1;padding:16px 4px;font-size:.8rem}.pcon-startseite .workflow-tabs button span{display:block;margin:0 0 5px}.pcon-startseite .workflow-copy h3{font-size:1.95rem}.pcon-startseite .project-brief,.pcon-startseite .quote{padding:22px}.pcon-startseite .ecosystem,.pcon-startseite .pricing,.pcon-startseite .faq{grid-template-columns:1fr;gap:32px}.pcon-startseite .eco-path>div{padding:16px}.pcon-startseite .roi-inner{grid-template-columns:1fr;gap:35px;padding:55px 5%}.pcon-startseite .roi-number>span:first-child{font-size:6rem}.pcon-startseite .calculator{padding:25px}.pcon-startseite .calc-result{flex-direction:row}.pcon-startseite .price-card{padding:27px}.pcon-startseite .price-card-top{font-size:.7rem}.pcon-startseite .partner{gap:17px}.pcon-startseite .faq{padding-top:15px}.pcon-startseite footer{grid-template-columns:1fr 1fr;padding:35px 5%}.pcon-startseite footer>p{font-size:.75rem}.pcon-startseite footer>div{grid-column:1/-1;justify-content:start}.pcon-startseite dialog{padding:40px 25px 28px}.pcon-startseite dialog h2{font-size:2rem}.pcon-startseite .dev-panel{padding:45px 25px}.pcon-startseite .dev-panel .swatches{gap:8px}.pcon-startseite .swatches span:before{width:80px}}/* V3: four neutral benefits and abstract outdoor concept. */.pcon-startseite .benefits h2{margin-bottom:30px}.pcon-startseite .benefit-points{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.pcon-startseite .benefit-points li{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:12px;padding:25px 28px;font-family:Manrope,Arial,sans-serif;font-size:1.25rem;font-weight:650;line-height:1.4;letter-spacing:-.02em}.pcon-startseite .benefit-points li{background:#fff;color:var(--ink)}.pcon-startseite .benefit-check{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1f2f1;color:var(--pine);font-family:Arial,sans-serif}.pcon-startseite .presentation-image img{aspect-ratio:1400/1000;object-fit:contain}.pcon-startseite .hero-visual>img{object-position:center 65%}.pcon-startseite .hero-visual .image-caption{right:15px;left:15px;width:fit-content;max-width:calc(100% - 30px)}@media (max-width:760px){.pcon-startseite .benefit-points{grid-template-columns:1fr}.pcon-startseite .benefit-points li{font-size:1.1rem;padding:21px;gap:14px}.pcon-startseite .hero h1{font-size:clamp(2.5rem,10.8vw,5.1rem)}.pcon-startseite .hero-copy,.pcon-startseite .hero-visual,.pcon-startseite .workflow-copy{min-width:0}.pcon-startseite .hero-visual{height:350px}.pcon-startseite .visual-stages{left:12px;right:12px;gap:0}.pcon-startseite .visual-stages span{font-size:.7rem;white-space:normal}.pcon-startseite .hero-description{overflow-wrap:anywhere}.pcon-startseite .workflow-copy h3{overflow-wrap:anywhere}.pcon-startseite .presentation-image{min-width:0}.pcon-startseite .quote table{font-size:.8rem}.pcon-startseite .quote td{padding-right:6px}}/* V4: project variety and a visual plan-to-offer story. Scoped to changed areas. */.pcon-startseite .hero{grid-template-columns:.88fr 1.12fr;gap:40px;padding-top:48px;padding-bottom:48px}.pcon-startseite .hero-description{font-size:1.3rem;color:var(--ink);font-weight:500;margin:25px 0 28px;max-width:420px}.pcon-startseite .hero-carousel{min-width:0}.pcon-startseite .hero-scene{position:relative;overflow:hidden;border-radius:18px;background:#edf0eb;aspect-ratio:1.25}.pcon-startseite .hero-scene>img{width:100%;height:100%;object-fit:cover;object-position:48% center;display:block}.pcon-startseite .hero-scene:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#10241be6);pointer-events:none}.pcon-startseite .hero-scene-tag{position:absolute;left:22px;top:22px;background:#fffffff0;padding:9px 12px;border-radius:5px;font-size:.7rem;letter-spacing:.08em;font-weight:650}.pcon-startseite .hero-scene-caption{position:absolute;bottom:25px;left:25px;right:25px;z-index:1;display:flex;align-items:end;gap:15px;justify-content:space-between;color:white}.pcon-startseite .hero-scene-caption span{display:block;font-size:.86rem;color:#e1e8dd;margin-bottom:6px}.pcon-startseite .hero-scene-caption strong{display:block;max-width:380px;font-family:Manrope,sans-serif;font-size:1.65rem;letter-spacing:-.035em;line-height:1.15}.pcon-startseite .hero-scene-caption small{display:block;font-size:.7rem;color:#e0e6dc;margin-top:12px}.pcon-startseite .carousel-arrows{display:flex;gap:8px;flex:none}.pcon-startseite .carousel-arrows button{border:1px solid #ffffff7a;border-radius:50%;width:38px;height:38px;background:#ffffff20;color:white;font-size:1.15rem}.pcon-startseite .carousel-arrows button:hover{background:#ffffff40}.pcon-startseite .hero-projects{display:flex;gap:6px;flex-wrap:wrap;padding-top:15px}.pcon-startseite .hero-projects button,.pcon-startseite .project-picker button{border:1px solid var(--line);background:white;border-radius:30px;padding:9px 14px;font-size:.85rem}.pcon-startseite .hero-projects button[aria-pressed=true],.pcon-startseite .project-picker button[aria-pressed=true]{background:var(--pine);border-color:var(--pine);color:white}.pcon-startseite .hero-projects button:hover,.pcon-startseite .project-picker button:hover{border-color:var(--pine)}.pcon-startseite .workflow .section-heading>p{max-width:360px}.pcon-startseite .workflow-panel.flow-v4{display:block;padding:35px;min-height:0;background:#f5f6f3}.pcon-startseite .workflow-panel.flow-v4[hidden]{display:none}.pcon-startseite .flow-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:28px}.pcon-startseite .flow-intro .eyebrow{margin-bottom:12px}.pcon-startseite .flow-intro h3{font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.13}.pcon-startseite .flow-intro>p{font-size:1rem;max-width:510px}.pcon-startseite .planning-story{display:grid;grid-template-columns:.8fr 1.4fr;gap:18px}.pcon-startseite .planning-story figure{margin:0;background:white;overflow:hidden;border-radius:12px;border:1px solid var(--line);display:flex;flex-direction:column}.pcon-startseite .planning-story figcaption{padding:18px 22px;display:flex;flex-direction:column;gap:5px;font-size:.9rem}.pcon-startseite .planning-story figcaption span{color:var(--muted);font-size:.82rem}.pcon-startseite .floor-card svg{width:100%;height:auto;margin:auto}.pcon-startseite .floor-card small{font-size:.7rem;color:var(--muted);padding:0 22px 14px}.pcon-startseite .plan-room img{width:100%;height:300px;object-fit:cover;display:block}.pcon-startseite .plan-room figcaption{margin-top:auto}.pcon-startseite .flow-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.pcon-startseite .flow-bottom>span{color:var(--muted);font-size:.88rem}.pcon-startseite .flow-bottom .inline-link{margin:0;flex:none}.pcon-startseite .project-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.pcon-startseite .render-stage{margin:0;position:relative;background:white;border-radius:12px;overflow:hidden}.pcon-startseite .render-stage>img{width:100%;height:auto;aspect-ratio:1.792;object-fit:contain;display:block}.pcon-startseite .render-mode{position:absolute;left:18px;top:18px;background:#fffffff2;padding:4px;border:1px solid #e2e6df;border-radius:8px;display:flex;box-shadow:0 2px 8px #0001}.pcon-startseite .render-mode button{font-size:.82rem;border:0;border-radius:5px;background:none;padding:9px 14px}.pcon-startseite .render-mode button[aria-pressed=true]{background:var(--pine);color:white}.pcon-startseite .render-mode button[hidden]{display:none}.pcon-startseite .render-stage figcaption{padding:12px 18px;font-size:.78rem;color:var(--muted)}.pcon-startseite .enlarge-image{position:absolute;right:18px;bottom:60px;width:42px;height:42px;border:0;border-radius:50%;background:white;font-size:1.35rem;box-shadow:0 2px 12px #0002}.pcon-startseite .presentation-actions{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:24px}.pcon-startseite .presentation-actions strong{font-family:Manrope,sans-serif;font-size:1.2rem}.pcon-startseite .presentation-actions p{font-size:.9rem;margin-top:4px}.pcon-startseite .presentation-actions .button{font-size:.9rem}.pcon-startseite .offer-story{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.pcon-startseite .offer-preview{background:white;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.pcon-startseite .offer-preview img{width:100%;height:auto;display:block}.pcon-startseite .offer-preview span{display:block;font-size:.9rem;padding:15px 20px}.pcon-startseite .article-document{background:white;border:1px solid var(--line);border-radius:12px;padding:26px;box-shadow:0 8px 24px #00000006}.pcon-startseite .document-heading{display:flex;flex-direction:column;gap:5px;margin-bottom:22px}.pcon-startseite .document-heading span{font-size:.72rem;color:var(--muted);letter-spacing:.1em}.pcon-startseite .document-heading b{font-size:1.4rem;font-family:Manrope,sans-serif;letter-spacing:-.03em}.pcon-startseite .article-document table{width:100%;border-collapse:collapse;font-size:.8rem}.pcon-startseite .article-document td,.pcon-startseite .article-document th{text-align:left;padding:13px 5px;border-bottom:1px solid var(--line);font-weight:400}.pcon-startseite .article-document th{font-size:.72rem;color:var(--muted)}.pcon-startseite .article-document p{font-size:.82rem;margin-top:17px}.pcon-startseite .document-result{border-top:1px solid var(--line);padding-top:15px;margin-top:15px;font-size:.95rem;font-weight:600}.pcon-startseite .article-document small{display:block;font-size:.7rem;color:var(--muted);margin-top:13px}.pcon-startseite .image-lightbox{width:min(1300px,95vw);padding:48px 20px 16px}.pcon-startseite .image-lightbox img{display:block;max-height:75vh;max-width:100%;width:auto;margin:auto;object-fit:contain}.pcon-startseite .image-lightbox p{font-size:.85rem;text-align:center;margin-top:10px}@media (max-width:1100px){.pcon-startseite .hero{gap:28px}.pcon-startseite .hero h1{font-size:clamp(3rem,5.5vw,5.6rem)}.pcon-startseite .hero-scene{aspect-ratio:.98}.pcon-startseite .hero-scene-caption{left:18px;right:18px}.pcon-startseite .hero-scene-caption strong{font-size:1.35rem}.pcon-startseite .hero-scene-caption{display:block}.pcon-startseite .carousel-arrows{margin-top:15px}.pcon-startseite .hero-projects button{padding:8px 10px;font-size:.78rem}.pcon-startseite .flow-intro{gap:25px}.pcon-startseite .plan-room img{height:270px}.pcon-startseite .article-document{padding:18px}}@media (max-width:760px){.pcon-startseite .hero{grid-template-columns:1fr;gap:30px;padding:35px 5%}.pcon-startseite .hero h1{font-size:clamp(2.5rem,10.8vw,5.1rem)}.pcon-startseite .hero-description{font-size:1.13rem;margin:22px 0}.pcon-startseite .hero-scene{aspect-ratio:1.1}.pcon-startseite .hero-scene-tag{left:15px;top:15px;font-size:.62rem}.pcon-startseite .hero-scene-caption{display:flex;left:18px;bottom:20px;right:18px}.pcon-startseite .hero-scene-caption strong{font-size:1.3rem}.pcon-startseite .hero-scene-caption small{font-size:.62rem}.pcon-startseite .carousel-arrows{flex-direction:column;margin:0}.pcon-startseite .hero-projects{gap:6px}.pcon-startseite .hero-projects button{font-size:.75rem;padding:8px 11px}.pcon-startseite .workflow-panel.flow-v4{padding:23px 16px}.pcon-startseite .flow-intro{grid-template-columns:1fr;gap:16px}.pcon-startseite .flow-intro>p{font-size:.95rem}.pcon-startseite .planning-story{grid-template-columns:1fr}.pcon-startseite .floor-card svg{max-height:170px}.pcon-startseite .plan-room img{height:auto}.pcon-startseite .planning-story figcaption{padding:16px}.pcon-startseite .project-picker{gap:6px}.pcon-startseite .project-picker button{font-size:.76rem;padding:8px 11px}.pcon-startseite .render-mode{position:static;width:fit-content;margin:10px auto 0;box-shadow:none;order:-1}.pcon-startseite .render-stage{display:flex;flex-direction:column}.pcon-startseite .render-mode button{font-size:.75rem;padding:8px 11px}.pcon-startseite .render-stage figcaption{font-size:.7rem;padding:10px 12px}.pcon-startseite .enlarge-image{width:34px;height:34px;bottom:55px;right:10px}.pcon-startseite .presentation-actions{align-items:start;flex-direction:column;gap:16px}.pcon-startseite .presentation-actions .button{width:100%;padding:14px 12px}.pcon-startseite .flow-bottom{align-items:start;flex-direction:column;gap:15px}.pcon-startseite .offer-story{grid-template-columns:1fr}.pcon-startseite .article-document{padding:17px}.pcon-startseite .article-document table{font-size:.72rem}.pcon-startseite .image-lightbox{padding:45px 10px 15px}.pcon-startseite .hero-carousel,.pcon-startseite .flow-intro>*,.pcon-startseite .offer-story>*{min-width:0}}
/* WordPress/Elementor integration */
.pcon-startseite{width:100%;max-width:none;font-family:'DM Sans',Arial,sans-serif;color:#172721;font-size:16px;line-height:1.55}
.pcon-startseite img{max-width:100%}
.pcon-startseite .hero,.pcon-startseite .section,.pcon-startseite .roi-inner,.pcon-startseite .trust-strip{box-sizing:border-box}
.pcon-modal-root{position:relative;z-index:100000}

/* 0.3.1: WordPress/Elementor width + ROI heading corrections */
.pcon-startseite .section{max-width:1600px;width:100%;}
.pcon-startseite .roi-inner{max-width:1600px;width:100%;}
.pcon-startseite .roi-copy h2{color:#fff;}

/* 0.4.0: Full-bleed WordPress integration. The pCon component escapes narrow Woodmart/Elementor content containers;
   the actual section content remains capped by its own internal max-width. */
.pcon-startseite.pcon-fullbleed{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.pcon-startseite.pcon-fullbleed .section,
.pcon-startseite.pcon-fullbleed .hero,
.pcon-startseite.pcon-fullbleed .roi-inner{
  max-width:1600px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
.pcon-startseite.pcon-fullbleed .trust-strip{
  max-width:1600px;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}


/* 0.7.6: Robust viewport-centred full-bleed output inside Elementor/Woodmart.
   The shortcode host may have its own max-width, margins or flex alignment; the pCon page owns its layout. */
.pcon-startseite.pcon-fullbleed{
  position:relative;
  left:50%;
  right:auto;
  width:100vw;
  max-width:none;
  margin-left:0;
  margin-right:0;
  transform:translateX(-50%);
}
.elementor-widget-shortcode .pcon-startseite.pcon-fullbleed,
.elementor-shortcode .pcon-startseite.pcon-fullbleed{
  align-self:auto;
}
/* 0.7.8: Ein gemeinsames Inhaltsraster für Standardblöcke und Handoff-Importe. */
.pcon-startseite.pcon-fullbleed .pcon-login__inner{
  width:100%;
  max-width:var(--pcon-content-width);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--pcon-content-gutter,4.6%);
  padding-right:var(--pcon-content-gutter,4.6%);
  box-sizing:border-box;
}
@media (max-width:760px){
  .pcon-startseite.pcon-fullbleed .pcon-login__inner{padding-left:5%;padding-right:5%}
}