@font-face{font-family:Archivo;src:url('../fonts/Archivo-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Archivo;src:url('../fonts/Archivo-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}:root{font-family:Archivo,Arial,sans-serif;color:#201e1d;background:#fff;line-height:1.55;--purple:#6a55f2;--muted:#605d5d;--line:#d6d4d4}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--purple)}img{display:block;max-width:100%;height:auto}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}.shell{width:min(1200px,calc(100% - 64px));margin-inline:auto}.portal-header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:105px;border-bottom:2px solid #201e1d}.brand-pair{display:flex;align-items:center;gap:23px;text-decoration:none}.brand-pair img:first-child{width:182px;height:46px;object-fit:contain}.brand-pair img:last-child{width:126px;height:58px;object-fit:contain}.brand-pair>span{font-size:26px;font-weight:400;color:#787575}.portal-header nav{display:flex;align-items:center;gap:25px;font-size:14px}.portal-header nav a{text-decoration:none}.small-button{border:1px solid #201e1d;padding:10px 18px}.portal-hero{padding:66px 0 50px;display:grid;grid-template-columns:1.1fr 1fr;gap:20px 80px}.kicker{font-weight:800;font-size:12px;letter-spacing:.09em;color:var(--purple);display:block}.portal-hero>.kicker{grid-column:1/-1}h1,h2,h3{font-weight:800;line-height:1.06;letter-spacing:-.035em;margin:0 0 24px}h1{font-size:clamp(44px,6.2vw,86px)}h1>span{color:var(--purple)}h2{font-size:clamp(30px,3.3vw,44px)}h3{font-size:24px}p{margin:0 0 18px}.hero-side{align-self:center;padding-top:5px;font-size:18px;color:var(--muted)}.primary-link{display:flex;justify-content:space-between;align-items:center;color:var(--purple);font-weight:800;text-decoration:none;border-bottom:2px solid var(--purple);padding:18px 0;font-size:17px;max-width:290px}.primary-link>span{font-size:30px}.portal-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0}.portal-facts>div{padding:0 22px;border-right:1px solid var(--line)}.portal-facts>div:first-child{padding-left:0}.portal-facts>div:last-child{border:0}.portal-facts strong{display:block;font-size:21px;font-weight:800}.portal-facts span{font-size:13px;color:var(--muted)}.portal-access{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;padding:64px 0 70px;scroll-margin-top:20px}.access-intro>.kicker{margin-bottom:22px}.access-intro>p{max-width:360px;color:var(--muted);font-size:17px}.access-steps{display:grid;gap:13px;border-top:1px solid var(--line);padding-top:22px;margin-top:32px;font-size:14px}.access-box{background:#f3f2f2;padding:30px}.access-tabs{display:flex;gap:19px;border-bottom:1px solid #cac7c7;padding-bottom:16px;margin-bottom:28px;font-size:12px}.access-tabs a{text-decoration:none;padding-bottom:6px}.access-tabs a[aria-current]{color:var(--purple);font-weight:800;border-bottom:2px solid var(--purple)}form{display:grid;gap:18px}form h3{margin-bottom:2px}label{display:grid;gap:7px;font-size:13px}label>span{color:#777;font-size:12px}input,textarea{width:100%;min-height:44px;border:1px solid #bfbcbc;background:#fff;padding:11px 12px;color:#201e1d;border-radius:0}textarea{resize:vertical}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.check{display:flex;align-items:flex-start;gap:11px;font-size:12px}.check input{width:17px;min-height:17px;height:17px;flex:0 0 17px;margin:2px 0;accent-color:var(--purple)}.check span{font-size:12px;color:var(--muted)}button{background:var(--purple);color:#fff;border:1px solid var(--purple);padding:14px 20px;font-weight:800;min-height:48px;text-align:left;cursor:pointer}button:hover{background:#5642d8}small,.subtle{font-size:12px;color:var(--muted)}.message{padding:14px;font-size:14px;background:#fff;border-left:3px solid var(--purple)}.message.error{border-color:#b44235}.message.success{border-color:#207867}.portal-footer{border-top:2px solid #201e1d;padding:25px 0 30px;color:var(--muted);font-size:12px}.portal-footer>p{max-width:880px}.portal-footer>div{display:flex;justify-content:space-between;gap:20px}.portal-footer nav{display:flex;gap:23px}.portal-footer a{text-decoration:none}.portal-hero.compact{display:block;padding-bottom:35px}.compact>.kicker{margin-bottom:25px}.compact h1{font-size:clamp(40px,5vw,66px)}.perspectives{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:34px}.perspective{border:1px solid var(--line);padding:38px;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;background:#f6f5f5;min-height:300px}.perspective>span{font-size:11px;letter-spacing:.08em;font-weight:800;margin-bottom:25px}.perspective>p{color:var(--muted);max-width:420px;flex:1}.perspective strong{color:var(--purple)}.perspective h2{font-size:36px}.admin-perspective{background:#f0edff;border-color:#d4ccff}.logout{margin-bottom:50px}.logout button{justify-self:start;background:#fff;color:var(--muted);border-color:var(--line)}.portal-legal{padding:60px 0 70px;max-width:820px}.portal-legal h1{font-size:60px;margin:18px 0 40px}.portal-legal h2{font-size:26px;margin:33px 0 15px}.portal-legal p{color:var(--muted)}.honeypot{position:absolute!important;left:0!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}.skip{position:absolute;top:-100px;left:20px;background:#fff;padding:15px;z-index:50}.skip:focus{top:0}:focus-visible{outline:3px solid var(--purple);outline-offset:4px}@media(max-width:800px){.shell{width:calc(100% - 40px)}.portal-header{min-height:85px}.brand-pair{gap:13px}.brand-pair img:first-child{width:138px}.brand-pair img:last-child{width:90px}.portal-header nav>a:first-child{display:none}.portal-header nav{font-size:12px}.small-button{padding:9px 12px}.portal-hero{gap:22px;padding:42px 0 32px;grid-template-columns:1fr}.hero-side{font-size:16px}.portal-facts{grid-template-columns:1fr 1fr;gap:20px 0}.portal-facts>div:nth-child(3){padding-left:0}.portal-facts>div:nth-child(2){border:0}.portal-facts strong{font-size:18px}.portal-access{grid-template-columns:1fr;gap:30px;padding:42px 0}.access-intro>p{max-width:none}.access-steps{margin-top:20px}.access-box{padding:24px 20px}.access-tabs{gap:13px;font-size:11px}.portal-footer>div{flex-direction:column;gap:15px}.perspectives{grid-template-columns:1fr}.perspective{padding:28px;min-height:270px}.portal-legal h1{font-size:42px}.field-pair{grid-template-columns:1fr}}@media(max-width:380px){.brand-pair img:first-child{width:111px}.brand-pair img:last-child{width:75px}.brand-pair{gap:10px}.shell{width:calc(100% - 30px)}}
.portal-hero{grid-template-columns:1.2fr 1fr;column-gap:64px}.portal-hero h1{font-size:clamp(44px,5.4vw,76px)}.portal-header .language-menu{position:relative}.language-menu summary{display:flex;align-items:center;gap:7px;cursor:pointer;list-style:none;font-size:12px}.language-menu summary img,.language-menu a img{width:22px;height:15px;object-fit:cover}.language-menu>div{position:absolute;right:0;top:28px;min-width:165px;padding:10px;background:white;border:1px solid #d6d4d4;z-index:10}.language-menu a{display:flex;align-items:center;gap:10px;padding:8px}.language-menu a[aria-current]{font-weight:800;color:var(--purple)}@media(max-width:800px){.portal-hero{grid-template-columns:1fr;gap:22px}.portal-header{flex-wrap:wrap;padding:16px 0 13px;gap:12px}.portal-header nav{width:100%;justify-content:space-between}.portal-header nav>a[href*="anfragen"]{display:none}.portal-header .brand-pair{flex-shrink:0}.portal-hero h1{font-size:44px}}

/* Compact header: both brands and the language menu stay in the first row. */
.portal-login-icon{display:none}.portal-footer-brand{display:inline-flex!important;align-items:center}.portal-footer-brand img{width:165px;height:48px;object-fit:contain}.portal-footer>div{align-items:center}.portal-footer nav{align-items:center}.portal-legal h3{font-size:21px;line-height:1.3;margin:24px 0 12px}.portal-legal a{overflow-wrap:anywhere}.language-menu>div{max-width:calc(100vw - 32px)}.shell>*{min-width:0}
@media(max-width:800px){.portal-header{flex-wrap:nowrap;gap:12px;min-height:80px;padding:12px 0}.portal-header .brand-pair{gap:8px;flex:0 1 auto;min-width:0}.portal-header .brand-pair img:first-child{width:clamp(78px,27vw,110px);height:40px}.portal-header .brand-pair img:last-child{width:clamp(54px,18vw,74px);height:40px}.portal-header .brand-pair>span{font-size:18px}.portal-header nav{display:flex;width:auto;flex:0 0 auto;gap:10px;margin-left:auto;justify-content:flex-end}.portal-header nav>a[href*="anfragen"]{display:none}.portal-header .language-menu{order:2}.portal-header .language-menu summary{gap:5px;min-height:36px}.portal-header .language-menu summary>span:first-of-type{display:none}.portal-header .language-menu>div{right:0;left:auto;top:38px}.portal-header .small-button{order:1;display:flex!important;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:7px}.portal-header .small-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.portal-login-icon{display:block}.portal-footer>div{align-items:flex-start}.portal-footer nav{flex-wrap:wrap;gap:12px 20px}.portal-footer-brand img{width:148px;height:42px}.portal-hero h1{font-size:clamp(36px,11.2vw,44px)}.access-tabs{flex-wrap:wrap}.portal-facts>div{min-width:0}.portal-facts strong{overflow-wrap:anywhere}.perspective{min-width:0}.portal-legal h1{overflow-wrap:anywhere}}

.portal-footer>p{max-width:none;text-wrap:pretty}.portal-benefits{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding:40px 0;border-bottom:1px solid var(--line)}.portal-benefits article{min-width:0}.portal-benefits h2{font-size:30px;line-height:1.15;margin:15px 0}.portal-benefits p{color:var(--muted);font-size:16px}.portal-benefits small{display:block}@media(max-width:800px){.portal-benefits{grid-template-columns:1fr;gap:28px;padding:30px 0}.portal-benefits h2{font-size:27px}}

.small-button.logged-in{max-width:240px}.small-button.logged-in>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:800px){.portal-header .small-button.logged-in{gap:5px;min-width:0;max-width:105px}.portal-header .small-button.logged-in>span{position:static;width:auto;height:auto;clip-path:none;font-size:11px;max-width:70px}.portal-header .small-button.logged-in svg{flex:0 0 14px;width:14px}}@media(max-width:360px){.portal-header nav{gap:5px}.portal-header .small-button.logged-in{max-width:82px}.portal-header .small-button.logged-in>span{max-width:48px}}

@media(max-width:380px){.portal-header:has(.logged-in) .brand-pair img:first-child{width:70px}.portal-header:has(.logged-in) .brand-pair img:last-child{width:46px}.portal-header:has(.logged-in) .brand-pair{gap:5px}.portal-header:has(.logged-in) .brand-pair>span{font-size:12px}}

.portal-showcase{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center;padding:55px 0 44px}.showcase-copy{min-width:0}.showcase-copy .kicker{font-size:11px;margin-bottom:21px;line-height:1.5}.showcase-copy h1{font-size:clamp(40px,4.7vw,65px);line-height:1.02;margin-bottom:25px}.showcase-copy h1 span{color:var(--purple)}.showcase-copy p{font-size:16px;color:var(--muted);line-height:1.65}.showcase-copy strong{color:#201e1d}.showcase-preview{margin:0;min-width:0;background:#f3f2f5;border:1px solid #d6d4df;border-radius:9px;overflow:hidden;box-shadow:0 20px 55px #21164218;transform:none}.preview-browser{display:flex;gap:16px;align-items:center;padding:12px 15px;font-size:11px;color:#605d5d;background:#eeedf2}.preview-browser>span:first-child{color:#b0aabf;font-size:9px;letter-spacing:3px}.showcase-preview a{display:block}.showcase-preview img{width:100%;height:auto}.showcase-preview figcaption{padding:13px 16px;font-size:12px;background:white;color:var(--muted)}.portal-demo-explainer{display:grid;grid-template-columns:1fr 1fr;gap:52px;padding:30px 0 35px;border-top:1px solid var(--line)}.portal-demo-explainer h2{font-size:27px;line-height:1.15;margin:14px 0}.portal-demo-explainer p{color:var(--muted);font-size:15px;margin:0}.portal-facts strong{font-size:19px;line-height:1.3}@media(max-width:900px){.portal-showcase{gap:28px;grid-template-columns:1fr 1fr}.showcase-copy h1{font-size:45px}}@media(max-width:700px){.portal-showcase{grid-template-columns:1fr;padding:34px 0;gap:28px}.showcase-copy h1{font-size:clamp(40px,11vw,55px)}.showcase-preview{transform:none}.portal-demo-explainer{grid-template-columns:1fr;gap:27px;padding:27px 0}.portal-demo-explainer h2{font-size:25px}.portal-facts strong{font-size:17px}}

/* 0.3.7: stable viewport, including mobile form focus and hidden anti-spam field. */
html{max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}body.portal{width:100%;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none}@supports(overflow:clip){html,body.portal{overflow-x:clip}}.portal-showcase{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.portal-showcase>*,.portal-demo-explainer>*,.portal-access>*,.access-box form,.field-pair>*{min-width:0}.portal-showcase p,.portal-demo-explainer p{overflow-wrap:break-word}.showcase-preview{transform:none}.portal input,.portal textarea{max-width:100%;min-width:0}.portal input[type=checkbox]{min-width:17px}.access-box form{position:relative}@media(max-width:900px){.portal-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.portal input,.portal textarea,.portal select{font-size:16px}}@media(max-width:700px){.portal-showcase{grid-template-columns:minmax(0,1fr)}}

/* Matching actions for the two demo perspectives. */
.perspectives .perspective{gap:0}
.perspectives .perspective>.perspective-cta{display:inline-flex;align-items:center;justify-content:center;width:230px;max-width:100%;min-height:54px;padding:14px 20px;margin-top:20px;border:1px solid var(--purple);background:var(--purple);color:#fff;font:inherit;font-weight:800;line-height:1.5;letter-spacing:normal;text-decoration:none;text-align:center;border-radius:0}
.perspectives a.perspective:hover>.perspective-cta,.perspectives .perspective-cta:hover{background:#5642d8;border-color:#5642d8;color:#fff}
/* Shared access keeps the existing landing layout. */
.access-customer-note{margin-top:30px;padding:22px 24px;background:#f7f5ff;border:1px solid #e5dfff}.access-customer-note h3{margin:0 0 10px;font-size:19px;line-height:1.3;letter-spacing:-.02em}.access-customer-note p{margin:0 0 12px;color:var(--muted);font-size:15px;line-height:1.6}.access-customer-note>a{display:inline-flex;align-items:center;gap:10px;min-height:44px;max-width:100%;color:var(--purple);font-size:14px;font-weight:800;text-decoration:none;line-height:1.5}.access-customer-note>a:hover{text-decoration:underline}.access-customer-note>a span{flex:0 0 auto}@media(max-width:800px){.access-customer-note{margin-top:24px;padding:20px}.access-customer-note>a{font-size:13px}}
.portal-legal{width:100%;overflow-wrap:anywhere}.portal-legal .portal-legal-back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;text-decoration:none;min-height:44px;margin-bottom:26px}.portal-legal .portal-legal-back:hover{color:var(--purple)}.portal-legal h1{margin-bottom:20px}.portal-legal-intro{font-size:18px;max-width:680px}.portal-legal-tabs{display:flex;flex-wrap:wrap;gap:24px;border-bottom:1px solid var(--line);margin:28px 0 32px}.portal-legal-tabs a{padding:12px 0;text-decoration:none;font-size:14px;border-bottom:2px solid transparent}.portal-legal-tabs a[aria-current="page"]{color:var(--purple);font-weight:800;border-bottom-color:var(--purple)}.portal-legal-content{max-width:760px}.portal-legal-content section+section{margin-top:30px}.portal-legal-content h2{line-height:1.25}.portal-legal-custom{color:var(--muted)}.portal-legal .portal-legal-return{margin:32px 0 0;padding-top:20px;border-top:1px solid var(--line)}@media(max-width:800px){.portal-legal{padding-top:28px;padding-bottom:40px}.portal-legal-intro{font-size:16px}.portal-legal-content h2{font-size:23px}.portal-legal-tabs{gap:20px;margin-top:20px}}
.access-box{min-width:0}.access-box .check{display:flex;align-items:flex-start;gap:.65rem;font-weight:400;line-height:1.5}.access-box .check input{width:18px;min-width:18px;height:18px;margin-top:.2rem}.access-box .check span{min-width:0}.access-box button{white-space:normal}.access-box input[readonly]{background:#f5f4fa}.access-tabs{flex-wrap:wrap}.access-box a{overflow-wrap:anywhere}

/* One personal link, one password form. */
.portal-password{max-width:580px;margin:64px auto 72px;padding:36px;background:#f8f7fc;border:1px solid #e3dff1;scroll-margin-top:24px}.portal-password>.kicker{margin-bottom:18px}.portal-password h1{font-size:clamp(29px,3.2vw,42px);line-height:1.12;letter-spacing:-.035em;margin-bottom:20px}.portal-password>p{color:var(--muted);font-size:16px;line-height:1.6}.portal-password form{position:relative;margin-top:28px;gap:18px}.portal-password label{font-size:14px;font-weight:800}.portal-password input{font-weight:400;border-color:#cec8dd;border-radius:4px;min-height:48px}.portal-password input[readonly]{background:#eeebf5;color:#524b65}.portal-password form>small{margin-top:-12px}.portal-password button,.password-cta{display:block;width:100%;text-align:center;border-radius:4px;padding:15px 18px;font-size:15px;line-height:1.5}.password-cta{background:var(--purple);color:#fff;text-decoration:none;font-weight:800}.password-cta:hover{background:#5642d8;color:#fff}.portal-password .password-note{font-size:12px;margin:24px 0 0;border-top:1px solid #e3dff1;padding-top:20px}.portal-password a{overflow-wrap:anywhere}@media(max-width:600px){.portal-password{margin:28px auto 36px;padding:25px 20px}.portal-password h1{font-size:30px}.portal-password button{font-size:14px}.portal-password>p{font-size:15px}}