/* Portalwerk R15 - A1 Faktura sales page, scoped to .pwa1 */
.pwa1{--a1-navy:#071e34;--a1-deep:#062b45;--a1-teal:#13c9c6;--a1-accent:#077fb5;--a1-muted:#597387;--a1-outline:#d9e8f0;color:#0a263e;font-family:inherit;margin:0 auto 36px;isolation:isolate}
.pwa1 *, .pwa1 *::before, .pwa1 *::after{box-sizing:border-box}
.pwa1 a{text-decoration:none}.pwa1 button{font:inherit;cursor:pointer}.pwa1 img{max-width:100%}.pwa1-crumb{display:flex!important;gap:12px;align-items:center!important;margin:12px 0 20px;color:#7693a4;font-size:12px!important;font-weight:700}.pwa1-crumb a{color:#356b88}.pwa1-crumb span:last-child{color:#092a41}
.pwa1-preview{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:14px 0;background:#fff8dd;color:#5b4407;border:1px solid #f2d67a;padding:12px 16px;border-radius:12px;font-size:13px}.pwa1-preview a{font-weight:800;color:#0071a0;text-decoration:underline}
.pwa1-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1.1fr);align-items:center;gap:3.3%;padding:clamp(34px,4.4vw,78px) clamp(24px,4.1vw,65px);background:linear-gradient(114deg,#051c32 0%,#073049 58%,#075370 100%);color:#fff;border-radius:22px;min-height:520px;box-shadow:0 24px 60px rgba(6,29,45,.14)}
.pwa1-hero:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(86,223,225,.14);border-radius:50%;right:-145px;top:-145px}.pwa1-hero:after{content:"";position:absolute;width:630px;height:630px;border:1px solid rgba(86,223,225,.10);border-radius:50%;right:-220px;top:-230px}.pwa1-hero-glow{position:absolute;right:2%;top:13%;height:320px;width:340px;border-radius:50%;background:rgba(9,191,216,.22);filter:blur(80px);pointer-events:none}
.pwa1-hero-content{position:relative;z-index:1}.pwa1-eyebrow,.pwa1-kicker,.pwa1-overline{letter-spacing:.12em;color:#0a97b6;font-size:11px;font-weight:900;line-height:1.5}.pwa1-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#65f5ed}.pwa1-eyebrow i{width:7px;height:7px;border-radius:50%;background:#32e5d4;box-shadow:0 0 0 5px rgba(19,201,198,.12)}
.pwa1-hero h1{font-size:clamp(38px,4.5vw,72px);line-height:1.06;letter-spacing:-.06em;color:#fff;margin:23px 0 22px;font-weight:900}.pwa1-hero h1 span{color:#53e0da}.pwa1-lead{font-size:clamp(16px,1.6vw,22px);line-height:1.38;color:#eefbff;margin:0 0 18px;max-width:530px}.pwa1-lead strong{color:#fff}.pwa1-hero-copy{color:#b6d1df;line-height:1.75;font-size:14px;max-width:520px;margin:0 0 28px}
.pwa1-buttons{display:flex;flex-wrap:wrap;gap:12px}.pwa1-btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:50px;border-radius:11px;padding:14px 20px;font-size:13px;font-weight:900;border:1px solid transparent;white-space:normal;text-align:center;transition:transform .2s,background-color .2s,box-shadow .2s}.pwa1-btn:hover{transform:translateY(-2px)}.pwa1-btn:focus-visible,.pwa1 button:focus-visible,.pwa1 a:focus-visible{outline:3px solid #f8b137;outline-offset:3px}.pwa1-primary{background:#087fe8;color:#fff!important;box-shadow:0 10px 25px rgba(4,111,215,.22)}.pwa1-primary:hover{background:#066cce}.pwa1-glass{color:#fff!important;border-color:rgba(221,242,252,.39);background:rgba(255,255,255,.05)}.pwa1-glass:hover{background:rgba(255,255,255,.15)}.pwa1-hero-chips{display:flex;flex-wrap:wrap;gap:14px 21px;margin-top:40px}.pwa1-hero-chips span{color:#bee2e7;font-size:11px;font-weight:700}
.pwa1-illustration-stamp{position:absolute;top:17px;right:12px;padding:8px 10px;border-radius:7px;background:#002d46e6;color:#c9f2f8;font-size:10px;font-weight:800;transform:rotate(2deg)}.pwa1-hero-visual{position:relative;z-index:1;min-width:0;perspective:1100px}.pwa1-window{background:#ebf2f9;border:8px solid #173e5e;border-radius:16px;box-shadow:0 28px 65px rgba(0,10,23,.46),0 0 0 1px rgba(255,255,255,.17);overflow:hidden;transform:rotateY(-7deg) rotateZ(2deg);transition:transform .25s}.pwa1-window:hover{transform:rotateY(0deg) rotateZ(0)}.pwa1-window-top{height:25px;background:#f5fafc;display:flex;gap:6px;align-items:center;padding:0 12px}.pwa1-window-top span{width:6px;height:6px;border-radius:50%;background:#ff6d70}.pwa1-window-top span:nth-child(2){background:#ffbf46}.pwa1-window-top span:nth-child(3){background:#41be9d}.pwa1-window-top b{color:#7492a6;font-size:9px;margin-left:auto;letter-spacing:.03em}.pwa1-window img{display:block;width:100%;aspect-ratio:1.56;object-fit:cover}.pwa1-window-tag{position:absolute;right:-12px;bottom:-24px;background:#eaffff;color:#0b5160;padding:13px 17px;border-radius:10px;box-shadow:0 13px 34px #001f2b52;transform:rotate(-3deg);font-size:12px;font-weight:800;max-width:235px;text-align:center}
.pwa1-signal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:27px 0 7px;padding:20px 6px;border-bottom:1px solid #e2edf2}.pwa1-signal>div{display:flex;flex-direction:column;gap:3px;padding:7px 20px;border-right:1px solid #dae9f0}.pwa1-signal>div:last-child{border:0}.pwa1-signal strong{font-size:16px;letter-spacing:-.03em;color:#052841}.pwa1-signal span{font-size:11px;color:#6d8a9a;line-height:1.45}
.pwa1-section{padding:clamp(55px,6.5vw,94px) 0}.pwa1-section-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);gap:30px;align-items:end;margin-bottom:30px}.pwa1-section-heading h2,.pwa1-buy h2{font-size:clamp(31px,3.4vw,53px);line-height:1.14;letter-spacing:-.052em;color:#081f34;font-weight:900;margin:13px 0 0}.pwa1-section-heading h2 em,.pwa1-buy h2 em{color:#099bb1;font-style:normal}.pwa1-section-heading>p{max-width:360px;justify-self:end;color:#668093;font-size:14px;line-height:1.75;margin:0}
.pwa1-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pwa1-capability-grid article{background:linear-gradient(140deg,#f2f9fc,#fff);border:1px solid #deedf3;border-radius:16px;padding:25px;min-height:178px;transition:transform .2s,border-color .2s}.pwa1-capability-grid article:hover{transform:translateY(-3px);border-color:#91d7e4}.pwa1-capability-grid h3{font-size:16px;color:#0b2841;margin:11px 0 9px;letter-spacing:-.02em}.pwa1-capability-grid p{font-size:12px;line-height:1.65;color:#637c90;margin:0}.pwa1-icon{display:inline-grid;place-items:center;background:#dff8fa;color:#0a9ebb;border-radius:12px;width:42px;height:42px;font-weight:900;font-size:22px}
.pwa1-gallery-section{position:relative;padding:64px clamp(15px,4vw,54px);background:linear-gradient(125deg,#edf7fb 0%,#eaf3f8 55%,#f7fbfd 100%);border:1px solid #e4eff4;border-radius:22px}.pwa1-gallery-section .pwa1-section-heading>p{color:#4f768b}.pwa1-gallery{margin-top:26px}.pwa1-gallery-main{background:#fff;border-radius:17px;border:1px solid #d2e6ee;overflow:hidden;box-shadow:0 15px 38px rgba(16,74,107,.08)}.pwa1-gallery-stage{position:relative;background:#e7eff5;line-height:0}.pwa1-gallery-stage>img{width:100%;max-height:545px;object-fit:contain;display:block;aspect-ratio:1.72}.pwa1-demo-stamp{position:absolute;left:18px;top:18px;background:#073854dc;color:#e0fcff;padding:12px 14px;border-radius:8px;font-size:11px;font-weight:800;line-height:1}.pwa1-demo-stamp[hidden]{display:none}.pwa1-zoom{position:absolute;right:18px;bottom:18px;background:#fff;color:#0a405a;border:1px solid #d6ecf3;padding:12px 16px;border-radius:9px;font-size:12px;font-weight:900;box-shadow:0 6px 18px #00263826;line-height:1.2}.pwa1-gallery-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 23px}.pwa1-gallery-meta>div:first-child{display:flex;flex-direction:column;gap:3px}.pwa1-gallery-meta strong{font-size:18px;color:#092f48}.pwa1-gallery-meta span{font-size:12px;color:#648297}.pwa1-gallery-controls{display:flex;align-items:center;gap:8px}.pwa1-gallery-controls>span{margin-right:8px;font-size:11px;white-space:nowrap}.pwa1-gallery-controls button,.pwa1-lightbox-nav button{border:1px solid #d9e8ef;background:#f6fafc;color:#123f58;width:40px;height:40px;border-radius:50%;font-size:20px}.pwa1-gallery-controls button:hover{background:#dcf3f7}.pwa1-thumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:15px}.pwa1-thumbs button{text-align:left;min-width:0;padding:7px;background:#fff;border:2px solid transparent;border-radius:12px;color:#27475a;transition:border-color .2s,transform .2s}.pwa1-thumbs button:hover{transform:translateY(-2px)}.pwa1-thumbs button.is-active{border-color:#0ba5ba}.pwa1-thumbs img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover;border-radius:6px;background:#dbe9f1}.pwa1-thumbs button span{display:block;font-weight:800;font-size:10px;padding:7px 2px 4px;line-height:1.2;overflow-wrap:anywhere}.pwa1-gallery-notice{font-size:11px;line-height:1.5;color:#557589;margin:16px 0 0}
.pwa1-use-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pwa1-use-cards article{border-radius:16px;padding:30px;background:linear-gradient(130deg,#052a46,#07536b);min-height:205px;color:#fff}.pwa1-use-cards article:nth-child(2){background:linear-gradient(130deg,#083957,#07546b)}.pwa1-use-cards article:nth-child(3){background:linear-gradient(130deg,#075271,#08788b)}.pwa1-use-cards b{color:#74e9e6;font-size:13px}.pwa1-use-cards h3{color:#fff;margin:30px 0 8px;letter-spacing:-.02em;font-size:20px}.pwa1-use-cards p{color:#d6e7ed;font-size:12px;line-height:1.7;margin:0}
.pwa1-hosting{padding-top:25px}.pwa1-host-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.pwa1-host-card{position:relative;background:#fff;border:1px solid #d9eaf1;padding:28px;border-radius:16px;display:flex;flex-direction:column;align-items:flex-start;box-shadow:0 11px 22px rgba(10,66,96,.04)}.pwa1-host-card.is-featured{border:2px solid #10b5bd;box-shadow:0 16px 35px rgba(11,126,154,.12)}.pwa1-badge{font-size:10px;font-weight:900;letter-spacing:.12em;color:#087f9b}.pwa1-host-icon{font-size:32px;margin:12px 0;color:#0b9faf}.pwa1-host-card h3{font-size:20px;color:#0a2c45;margin:0 0 10px}.pwa1-host-card p{font-size:13px;line-height:1.7;color:#557489;margin:0 0 15px}.pwa1-host-card ul{padding:16px 0 0 16px;margin:0 0 16px;border-top:1px solid #ebf1f4;width:100%;font-size:12px;color:#39576a;line-height:1.9;flex:1}.pwa1-host-card li::marker{color:#0ab4b4}.pwa1-host-card>a{color:#0781a7;font-size:12px;font-weight:900;line-height:1.5}.pwa1-hint{margin-top:17px;border:1px solid #cbe8eb;border-radius:12px;background:#ebf9f9;padding:17px 21px;color:#355b69;font-size:12px;line-height:1.65}
.pwa1-buy{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.89fr);gap:clamp(25px,7vw,100px);align-items:center;background:linear-gradient(120deg,#09263f,#064b6e);color:#fff;border-radius:23px;padding:clamp(30px,5vw,75px);margin:18px 0}.pwa1-buy-intro h2{color:#fff}.pwa1-buy-intro h2 em{color:#53e1e0}.pwa1-buy-intro>p{max-width:435px;line-height:1.75;font-size:14px;color:#cee4eb;margin:26px 0}.pwa1-buy .pwa1-kicker{color:#66e5de}.pwa1-checkline{color:#9ddadf;font-size:12px;line-height:2}.pwa1-buy-card{background:#fff;color:#12364e;padding:28px;border-radius:17px;box-shadow:0 24px 50px rgba(0,0,0,.18)}.pwa1-buy-card .pwa1-overline{color:#078fb1}.pwa1-price{font-size:clamp(37px,4vw,52px);letter-spacing:-.05em;font-weight:900;color:#081e34;margin:15px 0 4px}.pwa1-buy-card>p{font-size:12px;color:#6d8597;margin:0}.pwa1-buy-card h3{margin:10px 0 15px;color:#14374e;font-size:14px}.pwa1-buy-divider{border-top:1px solid #e1ebf0;margin:20px 0}.pwa1-plan,.pwa1-host-price{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;font-size:12px;color:#557085;padding:9px 0;line-height:1.55}.pwa1-plan strong,.pwa1-host-price strong{color:#0b405d;font-size:13px;white-space:nowrap}.pwa1-host-price small{font-size:11px;color:#698492}.pwa1-buy-card .pwa1-small{display:block;font-size:11px;color:#74899a;line-height:1.6;margin:8px 0}.pwa1-buy-card form{margin:0}.pwa1-buy-button{display:flex;width:100%;background:#077fe4;color:#fff!important;border:none;font-weight:900}.pwa1-buy-button:hover{background:#096bc6}
.pwa1-tech-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.pwa1-tech-grid article{border:1px solid #dae9f1;border-radius:15px;background:#f8fbfd;padding:24px}.pwa1-tech-grid article>span{color:#0b9aab;font-size:10px;font-weight:900;letter-spacing:.12em}.pwa1-tech-grid article h3{margin:10px 0;color:#0b2d47;font-size:18px}.pwa1-tech-grid article p{color:#5b7688;font-size:12px;line-height:1.75;margin:0}.pwa1-technical-note{background:#ecf7f9;border-radius:12px;padding:18px 22px;margin-top:18px;color:#21495e}.pwa1-technical-note summary,.pwa1-detail-accordions summary{list-style:none;cursor:pointer;font-size:13px;font-weight:900;display:flex;justify-content:space-between;gap:16px}.pwa1-technical-note summary::-webkit-details-marker,.pwa1-detail-accordions summary::-webkit-details-marker{display:none}.pwa1-technical-note[open] summary span,.pwa1-detail-accordions details[open] summary span{transform:rotate(45deg)}.pwa1-technical-note summary span,.pwa1-detail-accordions summary span{font-size:23px;line-height:.7}.pwa1-technical-note p{font-size:12px;line-height:1.8;margin:18px 0 0}
.pwa1-details{padding-top:0}.pwa1-detail-accordions{border-top:1px solid #d9e8ef}.pwa1-detail-accordions details{border-bottom:1px solid #d9e8ef;padding:21px 2px}.pwa1-detail-accordions summary{color:#0b2e47;font-size:15px}.pwa1-detail-accordions ul{columns:2;column-gap:45px;padding-left:22px;font-size:12px;color:#557589;line-height:2}.pwa1-detail-accordions li{break-inside:avoid}.pwa1-long-copy{color:#5b7587;font-size:13px;line-height:1.85;margin-top:20px;max-width:900px;overflow-wrap:anywhere}
.pwa1-end{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#e8f6fa;border:1px solid #d3eaf1;border-radius:19px;padding:35px 42px}.pwa1-end span{color:#0b94ac;font-size:10px;letter-spacing:.14em;font-weight:900}.pwa1-end h2{margin:9px 0;font-size:clamp(23px,2.6vw,32px);color:#0c344c;line-height:1.2}.pwa1-end p{font-size:13px;line-height:1.65;color:#617c90;max-width:510px;margin:0}.pwa1-end-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}.pwa1-outline{background:#fff;color:#0b5479!important;border-color:#c6e2eb}
.pwa1-lightbox{width:min(1200px,95vw);max-height:94vh;min-width:0;border:0;border-radius:17px;padding:16px;background:#f4f9fc;color:#0a2a43;box-shadow:0 30px 100px #00101ea0;overflow:auto}.pwa1-lightbox::backdrop{background:rgba(0,20,36,.82);backdrop-filter:blur(5px)}.pwa1-lightbox-top,.pwa1-lightbox-nav{display:flex;justify-content:space-between;align-items:center;gap:12px}.pwa1-lightbox-top{padding:6px 5px 13px;font-size:13px;font-weight:900}.pwa1-lightbox-top button{background:#092f4a;color:#fff;border:0;border-radius:8px;padding:10px 15px;font-size:12px}.pwa1-lightbox>img{display:block;max-width:100%;width:100%;height:auto;max-height:72vh;object-fit:contain;background:#dce9f1;border-radius:8px}.pwa1-lightbox-nav{margin-top:10px}.pwa1-lightbox-nav button{border-radius:9px;width:auto;min-height:38px;padding:0 15px;font-size:12px;font-weight:800}
@media(max-width:1050px){.pwa1-hero{grid-template-columns:1fr 1fr;padding:35px}.pwa1-window-tag{right:-3px}.pwa1-hero h1{font-size:clamp(36px,4.6vw,56px)}.pwa1-host-card{padding:21px}.pwa1-capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.pwa1-hero{grid-template-columns:1fr;gap:42px;padding:38px 25px}.pwa1-hero h1{font-size:clamp(42px,7vw,64px)}.pwa1-hero-visual{max-width:700px}.pwa1-window{transform:none}.pwa1-window-tag{bottom:-12px}.pwa1-signal{grid-template-columns:repeat(2,minmax(0,1fr))}.pwa1-signal>div:nth-child(2){border:0}.pwa1-signal>div:nth-child(-n+2){border-bottom:1px solid #dae9f0}.pwa1-section-heading{grid-template-columns:1fr;gap:13px}.pwa1-section-heading>p{justify-self:start;max-width:600px}.pwa1-capability-grid,.pwa1-use-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pwa1-host-grid{grid-template-columns:1fr}.pwa1-host-card{padding:26px}.pwa1-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.pwa1-buy{grid-template-columns:1fr}.pwa1-end{align-items:flex-start;flex-direction:column}.pwa1-end-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:550px){.pwa1-crumb{margin-top:0}.pwa1-hero{border-radius:14px;padding:31px 20px 45px}.pwa1-hero h1{font-size:clamp(37px,10vw,55px)}.pwa1-hero-chips{margin-top:25px}.pwa1-hero-visual{padding:4px}.pwa1-window{border-width:5px}.pwa1-window-tag{display:none}.pwa1-signal{margin:12px 0}.pwa1-signal>div{padding:12px}.pwa1-signal strong{font-size:13px}.pwa1-section{padding:52px 0}.pwa1-capability-grid,.pwa1-use-cards,.pwa1-tech-grid{grid-template-columns:1fr}.pwa1-capability-grid article{min-height:unset}.pwa1-gallery-section{padding:34px 13px;border-radius:14px}.pwa1-gallery-meta{padding:15px 14px}.pwa1-gallery-meta strong{font-size:15px}.pwa1-gallery-meta>div:first-child>span{font-size:10px}.pwa1-gallery-controls{gap:4px}.pwa1-gallery-controls>span{display:none}.pwa1-gallery-controls button{width:34px;height:34px}.pwa1-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pwa1-thumbs button{padding:4px}.pwa1-thumbs button span{font-size:9px}.pwa1-zoom{right:10px;bottom:10px;padding:8px 10px;font-size:10px}.pwa1-demo-stamp{left:9px;top:9px;padding:8px;font-size:9px}.pwa1-buy{padding:28px 18px;border-radius:15px}.pwa1-buy-card{padding:20px}.pwa1-plan,.pwa1-host-price{display:block}.pwa1-plan strong,.pwa1-host-price strong{display:block;margin-top:4px}.pwa1-detail-accordions ul{columns:1}.pwa1-end{padding:26px 19px}.pwa1-end-actions{width:100%;flex-direction:column}.pwa1-end-actions .pwa1-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.pwa1 *, .pwa1 *::before, .pwa1 *::after{transition:none!important;scroll-behavior:auto!important}}
