.portal-main{--ink:#173b43;--gold:#af8a49;--cream:#f3f1eb;color:var(--ink);background:#fff}.portal-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}.portal-main h1,.portal-main h2,.portal-main h3{color:var(--ink);letter-spacing:-.035em;line-height:1.1}.portal-main h1{font-size:clamp(42px,4.6vw,68px);margin:18px 0 24px;font-weight:750}.portal-main h2{font-size:clamp(32px,3.3vw,46px);margin:14px 0 22px}.portal-main h3{font-size:22px;margin:12px 0}.portal-main p{line-height:1.75}.portal-kicker{font-size:11px!important;font-weight:750;letter-spacing:.15em!important;color:#92703b;line-height:1.6!important;margin:0}.portal-hero{background:linear-gradient(115deg,#f5f2eb 0%,#f9faf8 57%,#e5eeeb 100%);padding:92px 0 78px;overflow:hidden;border-bottom:1px solid #ddd8cc}.portal-hero-grid{display:grid;grid-template-columns:.95fr 1.1fr;gap:54px;align-items:center}.portal-lead{font-size:20px;max-width:510px;color:#4c636a}.portal-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin:28px 0 16px}.portal-small{font-size:13px;color:#65777a;max-width:420px}.portal-textlink{color:#1e505b;font-weight:650;display:inline-block}.portal-monitor{background:#fff;border:9px solid #263c42;border-radius:12px;box-shadow:0 32px 60px #183b4323;transform:perspective(1400px) rotateY(-7deg);overflow:hidden}.portal-browserbar{padding:14px 12px;display:flex;justify-content:space-between;gap:14px;font-size:11px;background:#eef1ef;color:#65787c}.portal-browserbar b{font-weight:500}.portal-monitor img{width:100%;height:auto;display:block}.portal-monitor-foot{display:flex;justify-content:center;gap:26px;font-size:9px;letter-spacing:.14em;padding:16px;color:#53686d}.portal-benefits{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 0;gap:28px;border-bottom:1px solid #e4e5df}.portal-benefits div+div{border-left:1px solid #d8d4c8;padding-left:28px}.portal-benefits strong,.portal-benefits span{display:block}.portal-benefits strong{font-size:18px}.portal-benefits span{font-size:13px;color:#6a7b7f;margin-top:8px}.portal-jumps{display:flex;gap:28px;flex-wrap:wrap;padding:22px 0;font-size:13px;font-weight:650}.portal-jumps a{color:#526b71}.portal-section{padding-top:76px;padding-bottom:76px;scroll-margin-top:100px}.portal-section-head{max-width:710px;margin-bottom:34px}.portal-section-head>p:last-child{font-size:17px;color:#597077}.portal-login-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.portal-steps article{display:flex;gap:22px;padding:20px 0;border-top:1px solid #e2e2d9}.portal-steps article>span{font-size:14px;color:#a17c3d;margin-top:13px;font-weight:700}.portal-steps p{font-size:15px;color:#597077;margin:0}.portal-shot{margin:0;background:#fff;border:1px solid #dedfd6;overflow:hidden;min-width:0}.portal-shot img{display:block;width:100%;height:auto}.portal-shot a{display:block;cursor:zoom-in}.portal-shot figcaption{font-size:12px;line-height:1.65;color:#60747a;padding:14px 18px;border-top:1px solid #eeeee8}.portal-shot figcaption span{display:block;color:#95713b}.portal-tint{background:#f4f5f2}.portal-features{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px}.portal-features article{padding:22px 0 0;border-top:2px solid #c4ac7e}.portal-features article>span{font-size:11px;color:#9b7c48}.portal-features h3{font-size:20px}.portal-features p{font-size:14px;color:#5c7278}.portal-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portal-screens .portal-shot>a{aspect-ratio:1.65;display:flex;align-items:center;background:white}.portal-screens img{max-height:100%;object-fit:contain}.portal-note{font-size:13px;color:#6a7d80;margin-top:24px;max-width:900px}.portal-scenarios{display:grid;grid-template-columns:1fr 1fr;gap:50px}.portal-scenarios article{border-left:2px solid #c6ad7d;padding-left:26px}.portal-scenarios p{font-size:16px;color:#597077}.portal-fleet{background:#edf1ed}.portal-fleet-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.portal-fleet-grid p{color:#597077}.portal-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.portal-plans article{padding:28px 24px;background:#f6f6f2;border:1px solid #dddcd0}.portal-plans article>span{font-size:10px;font-weight:700;letter-spacing:.12em;color:#987541}.portal-plans h3{font-size:16px;letter-spacing:0;font-weight:500}.portal-plans h3 strong{display:block;font-size:64px;font-weight:500;margin:16px 0;color:#173b43}.portal-plans p{font-size:14px;margin:24px 0 0}.portal-plans .portal-plan-free{background:#eee2c8;border-color:#c8ac73}.portal-main .unified-faq{margin-block:10px 70px;padding:38px}.portal-cta{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:45px 0 70px}.portal-cta>div:last-child{display:flex;flex-direction:column;gap:20px}.portal-cta h2{font-size:32px}.portal-main a:focus-visible{outline:3px solid #b38b46;outline-offset:4px}
@media(max-width:900px){.portal-hero-grid{grid-template-columns:1fr;gap:32px}.portal-hero{padding:50px 0}.portal-monitor{transform:none;max-width:720px}.portal-login-grid,.portal-fleet-grid{grid-template-columns:1fr;gap:30px}.portal-features,.portal-plans{grid-template-columns:repeat(2,1fr)}.portal-screens{grid-template-columns:1fr}.portal-screens .portal-shot>a{aspect-ratio:auto}.portal-screens img{max-height:340px}.portal-cta{align-items:flex-start}.portal-jumps{gap:18px}}
@media(max-width:600px){.portal-wrap{width:calc(100% - 36px)}.portal-main h1{font-size:44px}.portal-lead{font-size:18px}.portal-benefits{grid-template-columns:1fr;gap:16px}.portal-benefits div+div{border-left:0;border-top:1px solid #e1ddd3;padding:16px 0 0}.portal-jumps{gap:14px 22px;font-size:12px}.portal-section{padding-top:48px;padding-bottom:48px}.portal-scenarios{grid-template-columns:1fr;gap:24px}.portal-features{gap:18px}.portal-plans{gap:12px}.portal-plans article{padding:20px 16px}.portal-plans h3 strong{font-size:48px}.portal-main .unified-faq{padding:24px 16px;margin-bottom:20px}.portal-cta{flex-direction:column;padding-bottom:48px}.portal-hero .button{width:100%;text-align:center}.portal-monitor{border-width:5px}.portal-monitor-foot{gap:18px;font-size:8px}.portal-browserbar{font-size:9px;padding:10px}.portal-main h3{line-height:1.25}}

.portal-owner-card{display:flex;align-items:center;gap:40px;padding:26px 32px;margin:0 0 36px;background:#f5f4ef;border:1px solid #e1ddcf}.portal-owner-card img{width:300px;max-width:100%;height:auto;display:block}.portal-owner-card>a{flex:0 0 300px;cursor:zoom-in}.portal-owner-card figcaption{max-width:490px}.portal-owner-card p{font-size:15px;color:#597077}.portal-main .button.dark{background:linear-gradient(110deg,#b58c45,#e5d0a0);color:#173b43;border-radius:6px;border:1px solid #c5a366;padding:14px 22px;font-weight:700}.portal-main .button.dark:hover{background:linear-gradient(110deg,#c29a51,#ecdbb7)}@media(max-width:600px){.portal-owner-card{flex-direction:column;gap:12px;padding:24px 20px;align-items:flex-start}.portal-owner-card>a{flex:auto;align-self:center}.portal-owner-card img{width:280px}}

.portal-hero{background:#f3f1e9 url("/assets/pandora-webportal-world-v880-v885.webp") center/cover no-repeat}.portal-owner-versions{display:grid;grid-template-columns:1fr 1fr;gap:24px}.portal-owner-versions .portal-owner-card{flex-direction:column;align-items:flex-start;gap:12px;margin:0;padding:28px}.portal-owner-versions .portal-owner-card>a{flex:auto;height:200px;display:flex;align-items:center;align-self:center}.portal-owner-versions .portal-owner-card img{width:auto;max-width:300px;max-height:200px}.portal-owner-versions .portal-owner-card figcaption{max-width:none}@media(max-width:600px){.portal-owner-versions{grid-template-columns:1fr}.portal-hero{background-position:60% center}.portal-owner-versions .portal-owner-card img{max-width:100%}}

/* Startseiten-Buttons: identische Goldfüllung, Abstände und Radien. */
.portal-main .button.dark{background:linear-gradient(115deg,#b68d4d,#f7e9c9,#d9be87);color:#182d32;border:1px solid #d9be87;border-radius:6px;padding:12px 23px;font-size:14px;font-weight:700}.portal-main .button.portal-outline{background:rgba(17,45,53,.15);color:#173b43;border:1px solid #d9be87;border-radius:8px;padding:12px 23px;font-size:14px;font-weight:700;text-decoration:none}.portal-main .button.portal-outline:hover{background:rgba(17,45,53,.23)}

.portal-login-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 32px;margin:28px 0 38px;background:#eef2ef;border-left:4px solid #b68d4d}.portal-login-cta h3{margin:0 0 8px}.portal-login-cta p{margin:0;color:#597077}.portal-login-cta .button{flex-shrink:0;text-align:center;box-shadow:0 6px 18px #af8a4926}@media(max-width:650px){.portal-login-cta{flex-direction:column;align-items:stretch;padding:24px}.portal-login-cta .button{width:100%}}

/* Lesbare Funktionsansichten statt drei kleiner Miniaturen. */
.portal-screens{grid-template-columns:1fr;gap:28px}.portal-screens .portal-shot{display:grid;grid-template-columns:minmax(0,3fr) minmax(180px,1fr);align-items:center}.portal-screens .portal-shot>a{aspect-ratio:auto;border-right:1px solid #eeeee8}.portal-screens .portal-shot img{max-height:none;width:100%;height:auto}.portal-screens .portal-shot figcaption{border-top:0;font-size:14px;padding:24px}.portal-screens .portal-shot figcaption strong{display:block;font-size:19px;color:#173b43;margin-bottom:10px}.portal-screens .portal-shot figcaption span{margin-top:14px}@media(max-width:650px){.portal-screens .portal-shot{grid-template-columns:1fr}.portal-screens .portal-shot>a{border-right:0}.portal-screens .portal-shot figcaption{padding:18px;border-top:1px solid #eeeee8}}
.portal-owner-versions .portal-owner-card a[href*="owners-card-alt"] img{max-width:240px;max-height:160px}@media(max-width:380px){.portal-owner-versions .portal-owner-card a[href*="owners-card-alt"] img{max-width:100%}}
