/* PETRA 1.5.1 · reference-led portal refinement. Scoped to first-party PETRA template only. */
body.petra-shell-page{--petra-navy:#172449;--petra-blue:#3149b7;--petra-soft:#fbf5f2;--petra-line:#eae2df;font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--petra-navy)}
.petra-shell-header{background:rgba(255,255,255,.97)}
.petra-shell-header-inner{max-width:1640px;min-height:82px}.petra-shell-nav a{font-size:14px}.petra-shell-main{max-width:1640px;padding-inline:clamp(18px,2.2vw,42px)}
.petra-shell-page .petra-ui .petra-head{border-radius:20px;min-height:240px;background:#fbefea!important;margin:0 0 24px;grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr)}
.petra-shell-page .petra-ui .petra-head h2{font-size:clamp(29px,3vw,43px)!important;letter-spacing:-.035em;line-height:1.17!important;color:var(--petra-navy)}
.petra-shell-page .petra-ui .petra-head p{font-size:16px!important}.petra-hero-copy{padding:clamp(24px,3.4vw,45px)}
.petra-shell-page .petra-ui .petra-head-visual{min-height:230px;max-height:335px;object-fit:cover}
/* Desktop reference: a persistent left navigation, with the dashboard occupying the right side. */
@media(min-width:1120px){
 .petra-shell-page .petra-ui{display:grid;grid-template-columns:210px minmax(0,1fr);gap:0 27px;align-items:start}
 .petra-shell-page .petra-ui>.petra-jumpnav{grid-row:1 / span 3;grid-column:1;position:sticky;top:20px;display:flex;flex-direction:column;align-items:stretch;padding:17px 9px 20px;border-radius:15px;background:#fff9f6;box-shadow:none;border:1px solid #f1e7e3;gap:4px}
 .petra-shell-page .petra-ui>.petra-jumpnav:before{content:'Mein Bereich';display:block;font-weight:800;font-size:13px;letter-spacing:.01em;color:var(--petra-navy);padding:0 12px 10px}
 .petra-shell-page .petra-ui>.petra-jumpnav a{display:flex;justify-content:flex-start;text-align:left;min-height:43px;padding:11px 13px!important;font-size:14px;line-height:1.3;white-space:normal}
 .petra-shell-page .petra-ui>.petra-jumpnav a[aria-current=page]{background:#f0edf9;border-left:3px solid #6857ef}
 .petra-shell-page .petra-ui>.petra-head{grid-column:2;grid-row:1}
 .petra-shell-page .petra-ui>.petra-panel{grid-column:2;grid-row:2}
 .petra-shell-page .petra-ui>.petra-brandbar{display:none}
}
/* In the reference, relevant areas are compact cards in a four-column desktop grid. */
.petra-shell-page .petra-ui .petra-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.petra-shell-page .petra-ui .petra-overview-card{padding:0;min-height:0;overflow:hidden;border-radius:13px;border:1px solid var(--petra-line);box-shadow:0 5px 15px rgba(20,29,61,.04)}
.petra-shell-page .petra-ui .petra-card-visual{width:100%;height:112px;object-fit:cover;display:block}
.petra-shell-page .petra-ui .petra-overview-body{padding:15px 16px 18px;display:flex;flex-direction:column;flex:1;align-items:flex-start}
.petra-shell-page .petra-ui .petra-overview-card h3{font-size:17px!important;line-height:1.3!important;margin:5px 0 7px!important;color:var(--petra-navy)}
.petra-shell-page .petra-ui .petra-overview-card p{font-size:13px!important;line-height:1.55!important;margin:0 0 10px!important}
.petra-shell-page .petra-ui .petra-overview-card a{margin-top:auto;background:transparent;border:0;box-shadow:none;padding:7px 0;color:#354bc6!important;min-height:33px;font-size:13px}
.petra-shell-page .petra-ui .petra-overview-card a:hover{text-decoration:underline}
.petra-shell-page .petra-ui .petra-overview-heading{font-size:23px!important;margin:0 0 7px!important}
.petra-shell-page .petra-ui .petra-overview-subhead{font-size:15px!important}
.petra-shell-page .petra-ui :where(button,a){transition:background-color .15s ease,border-color .15s ease}
/* Deliberately designed entitlement state, without exposing any locked application controls. */
.petra-gate{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(245px,.8fr);gap:0;border:1px solid #eadfdf;border-radius:20px;background:#fff9f5;overflow:hidden;box-shadow:0 15px 38px #1724490b;max-width:1250px;margin:20px auto 0}
.petra-gate-copy{padding:clamp(30px,4vw,65px);align-self:center}.petra-gate .petra-eyebrow{color:#5e5c93;font-size:13px;letter-spacing:.09em;text-transform:uppercase;font-weight:750}.petra-gate h2{font-size:clamp(30px,3.1vw,46px);letter-spacing:-.035em;line-height:1.13;margin:10px 0 15px}.petra-gate-copy>p:not(.petra-eyebrow){max-width:600px;font-size:17px;line-height:1.65;color:#566079}.petra-gate-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:25px}.petra-gate-primary,.petra-gate-secondary{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border-radius:10px;padding:12px 19px;font-weight:700;text-decoration:none}.petra-gate-primary{background:var(--petra-navy);color:white!important}.petra-gate-secondary{background:white;border:1px solid #c5c9e5;color:#283f8f!important}.petra-gate-visual{min-height:340px}.petra-gate-visual img{height:100%;width:100%;object-fit:cover;display:block}.petra-gate-foot{grid-column:1/-1;background:white;padding:20px clamp(25px,4vw,65px);border-top:1px solid #eee6e2}.petra-gate-foot h3{font-size:18px;margin:0 0 3px}.petra-gate-foot p{color:#586477;margin:0;font-size:14px}
@media(max-width:1119px){.petra-shell-page .petra-ui .petra-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.petra-shell-page .petra-ui>.petra-jumpnav{display:flex;flex-wrap:wrap}}
@media(max-width:700px){.petra-shell-page .petra-ui .petra-head{display:flex;flex-direction:column-reverse;min-height:0}.petra-shell-page .petra-ui .petra-head-visual{width:100%;height:190px;min-height:190px;border-radius:0}.petra-shell-page .petra-ui .petra-overview-grid{grid-template-columns:1fr}.petra-shell-page .petra-ui .petra-card-visual{height:160px}.petra-gate{grid-template-columns:1fr}.petra-gate-visual{min-height:200px;max-height:260px;grid-row:1}.petra-gate-copy{padding:25px}.petra-gate-foot{padding:22px 25px}}
@media(prefers-reduced-motion:reduce){.petra-shell-page .petra-ui :where(button,a){transition:none}}