/* PETRA 1.5.0 – Warm Editorial Portal. Official PETRA CI v3.2 navy/cyan/violet remain locked. */
:root{--p15-ink:#102033;--p15-text:#374760;--p15-cream:#fffbf7;--p15-blush:#f9e9e2;--p15-lilac:#efedf9;--p15-border:#e8dfdf;--p15-radius:23px;--p15-shadow:0 18px 50px rgba(16,32,51,.075)}
body.petra-shell-page{background:radial-gradient(ellipse at 4% 11%,#fff0e6 0,transparent 28%),radial-gradient(ellipse at 94% 27%,#efeef9 0,transparent 30%),linear-gradient(180deg,#fffdfb,#faf8f7 72%,#f9f3f3);font-size:16px;line-height:1.6}
body.petra-shell-page a{color:#223b7d}
.petra-shell-header{background:rgba(255,253,251,.96);border-bottom:1px solid rgba(214,205,206,.7);box-shadow:0 4px 25px #10203308}
.petra-shell-header:before{height:2px;background:linear-gradient(90deg,#eecdbf 0%,#23C7D9 42%,#6C4CF6 100%)}
.petra-shell-header-inner{max-width:1490px;padding-inline:clamp(18px,3vw,52px);min-height:88px;gap:20px}
.petra-shell-logo img{width:162px;max-height:58px}
.petra-shell-nav{gap:1px}
.petra-shell-nav a{font-size:14px;font-weight:660;padding:11px 11px}
.petra-shell-nav a:hover,.petra-shell-nav a[aria-current=page]{background:#f4eeeb;color:#102033!important}
.petra-shell-user{gap:12px}
.petra-shell-account{padding:8px 10px;border-radius:12px}
.petra-shell-button,.petra-shell-page .petra-access .petra-access-primary{background:#102033;color:#fff!important;border-color:#102033;border-radius:11px;box-shadow:0 5px 14px #10203321;font-weight:750;text-decoration:none}
.petra-shell-button:hover,.petra-shell-page .petra-access .petra-access-primary:hover{background:#263d59;color:#fff}
.petra-shell-main{max-width:1460px;padding:clamp(24px,3vw,42px) clamp(20px,4vw,60px) 85px}
.petra-shell-main.petra-shell-app{padding-top:26px}
.petra-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}
.petra-shell-title{margin:0!important}
.petra-shell-footer{background:#fffaf7;border-top:1px solid #ecded8}
.petra-shell-footer-inner{max-width:1460px;color:#667083}
.petra-shell-page .petra-ui{max-width:100%;font-size:16px;margin:0 auto;padding:0;background:transparent}
.petra-shell-page .petra-ui :where(p,li){font-size:15px;line-height:1.68;color:#495972}
.petra-shell-page .petra-ui h2{font-size:clamp(27px,3vw,42px)}
/* uniquely illustrated reflection hero – not repeated on other pages */
.petra-shell-page .petra-ui .petra-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.92fr);align-items:stretch;gap:30px;background:#fff7f1!important;border:1px solid #f0ded5;border-radius:28px;padding:0!important;overflow:hidden;min-height:340px;box-shadow:var(--p15-shadow);margin-bottom:25px}
.petra-shell-page .petra-ui .petra-head:before{display:none}
.petra-hero-copy{padding:clamp(30px,4.3vw,72px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.petra-shell-page .petra-ui .petra-head h2{font-size:clamp(30px,3.8vw,56px)!important;line-height:1.09!important;letter-spacing:-.045em;max-width:690px;font-weight:790}
.petra-shell-page .petra-ui .petra-head .petra-eyebrow{color:#64538c;font-size:12px;letter-spacing:.14em;font-weight:770}
.petra-shell-page .petra-ui .petra-head p{max-width:590px;font-size:17px!important;line-height:1.65!important;color:#53647b}
.petra-shell-page .petra-ui .petra-head .petra-head-disclaimer{font-size:13px!important;color:#675f68;margin-top:20px;padding-left:13px;border-left:3px solid #c9afdb}
.petra-head-visual{width:100%;height:100%;min-height:340px;object-fit:cover;display:block;border-radius:0 27px 27px 0}
/* Persistent, legible user pathways */
.petra-shell-page .petra-ui .petra-jumpnav{background:#fffaf7;border:1px solid #eadcd7;border-radius:16px;padding:5px;box-shadow:0 4px 14px #10203307;gap:3px;margin:0 0 28px}
.petra-shell-page .petra-ui .petra-jumpnav a{min-height:47px;background:none;color:#425069!important;font-size:14px;border-radius:11px}
.petra-shell-page .petra-ui .petra-jumpnav a[aria-current=page]{background:#f0e8e6;box-shadow:none;color:#102033!important}
.petra-overview-heading{font-size:clamp(23px,2.6vw,35px)!important;margin:0 0 6px!important;letter-spacing:-.034em}
.petra-overview-subhead{font-size:16px!important;line-height:1.6;margin-bottom:22px!important;color:#647084!important}
.petra-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.petra-overview-card{display:flex;flex-direction:column;background:#fff!important;border:1px solid #ecdfda!important;border-radius:19px!important;padding:9px!important;overflow:hidden;box-shadow:0 10px 30px #1020330b;min-height:345px;transition:transform .17s ease,box-shadow .17s ease}
.petra-overview-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px #10203317}
.petra-card-visual{display:block;width:100%;height:165px;object-fit:cover;border-radius:12px;background:#f7ede9}
.petra-overview-body{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:15px 10px 12px}
.petra-card-kicker{font-size:11px!important;color:#6566a6!important;letter-spacing:.12em;text-transform:uppercase;font-weight:780;margin:0 0 7px!important}
.petra-overview-card h3{font-size:clamp(17px,1.7vw,22px)!important;letter-spacing:-.02em;font-weight:760;margin:0 0 9px!important}
.petra-overview-card p:not(.petra-card-kicker){font-size:14px!important;line-height:1.58!important;flex:1;color:#5f6980!important}
.petra-overview-card a{width:100%;justify-content:space-between;padding:11px 12px!important;min-height:44px;border-radius:10px;text-decoration:none!important;font-size:14px!important;display:inline-flex;gap:9px;align-items:center;background:#102033!important;border:1px solid #102033;color:#fff!important;font-weight:710}
.petra-overview-card:nth-child(n+2) a{background:#fff!important;color:#102033!important}
.petra-overview-card a span{font-size:17px;font-weight:400}
.petra-overview-status{background:#fff8ed!important;border:1px solid #f0e1d5;padding:15px 18px;border-radius:12px;margin:18px 0 0!important;font-size:14px!important}
/* Individual artwork for every topic; distinct images, no duplicated subject banners */
.petra-shell-page .petra-ui .petra-panel.petra-card,.petra-shell-page .petra-ui #petra-gespraech{border:1px solid #ebdfdb;background:#fff!important;box-shadow:var(--p15-shadow);border-radius:23px;padding:clamp(22px,3vw,42px);gap:16px}
.petra-section-lead,.petra-topic-head{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:185px;background:linear-gradient(100deg,#fffaf7,#f8f3f5);padding:20px 22px 20px 28px;border-radius:17px;margin:-7px -7px 14px;overflow:hidden}
.petra-section-lead>div,.petra-topic-head>div{flex:1;min-width:0}
.petra-section-lead img,.petra-topic-head img{display:block;width:clamp(135px,22vw,230px);height:170px;object-fit:cover;object-position:center;border-radius:16px;flex:none}
.petra-section-lead h3,.petra-topic-head h3{font-size:clamp(25px,3vw,36px)!important;line-height:1.18!important;margin-bottom:6px!important;letter-spacing:-.025em}
.petra-shell-page .petra-ui #petra-bestandsaufnahme .petra-section-lead{background:linear-gradient(100deg,#fff7f1,#f8f1ed)}
.petra-shell-page .petra-ui #petra-einwilligung .petra-section-lead{background:linear-gradient(100deg,#f4f7f6,#f8f1fa)}
.petra-shell-page .petra-ui #petra-konto .petra-section-lead{background:linear-gradient(100deg,#f7f7fd,#fbf5f0)}
.petra-shell-page .petra-ui #petra-gespraech .petra-topic-head{background:linear-gradient(100deg,#fff4ee,#f6f3fb)}
.petra-shell-page .petra-ui #petra-palre-app{overflow-x:auto;max-width:100%}
.petra-shell-page .petra-ui #petra-palre-load{margin:0;min-width:230px;background:#102033;color:white;border:0;box-shadow:0 5px 16px #10203320}
.petra-shell-page .petra-ui .petra-actions{justify-content:flex-start;align-items:center;gap:10px}
.petra-shell-page .petra-ui .petra-actions>button{margin:0}
.petra-shell-page .petra-ui .petra-card label{line-height:1.5}
.petra-shell-page .petra-ui .petra-chat{background:#f9f8fa;min-height:190px}
.petra-shell-page .petra-ui textarea:disabled{background:#f4f3f4;color:#64738a}
.petra-shell-page .petra-ui .petra-message.user{background:#f4edfa}
/* Registration has its OWN art separate from login/dashboard, no duplicated logos in body */
.petra-shell-page .petra-access{max-width:100%;position:relative;margin:0 auto 24px;padding:0;display:block}
.petra-shell-page .petra-access-scene{position:absolute;right:1%;top:-10px;width:min(340px,27vw);max-height:260px;pointer-events:none;overflow:hidden;opacity:.95}
.petra-shell-page .petra-access-scene img{width:100%;height:auto;display:block}
.petra-shell-page .petra-access-header{padding:clamp(26px,4vw,46px);background:linear-gradient(120deg,#fff9f4,#f7f1fb);border:1px solid #efded8;border-radius:23px;max-width:none;margin-bottom:24px;min-height:228px}
.petra-shell-page .petra-access-header>img{display:none}
.petra-shell-page .petra-access-header>*:not(img){max-width:720px;position:relative;z-index:2}
.petra-shell-page .petra-access-header h2{font-size:clamp(28px,3.3vw,48px)!important;letter-spacing:-.04em;margin:10px 0!important}
.petra-shell-page .petra-access-header p{font-size:16px;color:#53647b}
.petra-shell-page .petra-access-grid{max-width:1100px;margin:26px auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.petra-shell-page .petra-access-box{border-radius:22px;border-color:#eadfdc;box-shadow:var(--p15-shadow);padding:clamp(26px,3.6vw,43px);background:#fffdfb}
.petra-shell-page .petra-access-box h3{font-size:clamp(23px,2.3vw,31px)!important;letter-spacing:-.025em}
.petra-shell-page .petra-access-box>p{color:#56647b;font-size:15px;line-height:1.7}
.petra-shell-page .petra-access :where(input[type=email],input[type=text]){background:#fff;border-color:#b2abb0;min-height:52px;border-radius:11px;font-size:16px}
.petra-shell-page .petra-access .petra-access-primary{min-height:51px;padding:13px 19px}
.petra-shell-page .petra-access-grid>.petra-access-box:nth-child(2){border-top:4px solid #ddc5d3}
.petra-shell-page .petra-access-privacy{font-size:13px!important;line-height:1.6;color:#666376}
.petra-shell-page .petra-access-warning{background:#fff4e9;border-color:#bd8d59;border-radius:8px;padding:14px 20px}
.petra-shell-page .petra-access details{margin-top:22px;padding:13px 15px;border-radius:10px;background:#fbf6f4;border:1px solid #ecddd9}
.petra-shell-page .petra-access details summary{cursor:pointer;font-weight:680}
/* pricing and security each use unique thematic illustrations */
.petra-shell-page .petra-pricing>.petra-access-box{max-width:1040px;margin:0 auto;padding:clamp(27px,4vw,52px)}
.petra-shell-page .petra-pricing .petra-section-lead{margin:-12px -12px 25px}
.petra-shell-page .petra-pricing p{font-size:16px!important;line-height:1.76}
.petra-shell-page .petra-auth{max-width:1060px;margin:5px auto 52px;padding:clamp(25px,4vw,50px);border-radius:26px;background:#fffdfb;box-shadow:var(--p15-shadow);border:1px solid #e9ddd9}
.petra-shell-page .petra-auth .petra-auth-head{position:relative;min-height:206px;margin-bottom:24px;padding:18px 245px 22px 0;border-bottom:1px solid #f0e5e1}
.petra-shell-page .petra-auth .petra-auth-head img{display:none}
.petra-shell-page .petra-auth .petra-auth-head h2{font-size:clamp(29px,3.5vw,44px)}
.petra-shell-page .petra-auth .petra-auth-head:after{content:"";display:block;position:absolute;right:0;top:0;width:210px;height:188px;background-position:center;background-size:contain;background-repeat:no-repeat;border-radius:16px}
.petra-shell-page .petra-auth-security .petra-auth-head:after{background-image:url('../media/sicherheit-schluessel.svg')}
.petra-shell-page .petra-auth-account .petra-auth-head:after{background-image:url('../media/konto-brief.svg')}
.petra-shell-page .petra-auth-recovery .petra-auth-head:after{background-image:url('../media/recovery-morgenlicht.svg')}
.petra-shell-page .petra-auth .petra-auth-card{background:#fff;border:1px solid #eee0dd;border-radius:17px;box-shadow:0 4px 18px #10203308}
.petra-shell-page .petra-recovery-codes{background:#fff8f4;border-color:#d9c5c0}
/* Admin QA: separate illustration never reused by user pages */
.petra-qa-console{--line:#e5dcd9!important;--warm:#fff8f4}
.petra-qa-console .petra-qa-hero{background:linear-gradient(110deg,#fffaf5,#f6f2fb)!important;border:1px solid #e6d8d5!important;border-top:4px solid #6C4CF6!important;padding:clamp(26px,3vw,42px) 250px clamp(26px,3vw,42px) 28px!important;min-height:195px;position:relative;box-shadow:var(--p15-shadow)!important}
.petra-qa-console .petra-qa-hero:after{content:"";background:url('../media/qa-regression.svg') center/contain no-repeat;position:absolute;right:18px;top:10px;width:210px;height:170px}
.petra-qa-console .petra-qa-check,.petra-qa-console form:not(.petra-qa-check){border-color:#e7dddc!important;border-radius:17px!important;box-shadow:0 6px 25px #10203307!important}
@media(min-width:1101px){.petra-shell-page .petra-ui .petra-jumpnav{display:none}}
@media(max-width:1250px){.petra-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.petra-overview-card{min-height:0}.petra-shell-header-inner{gap:10px}.petra-shell-nav a{font-size:13px;padding:9px}.petra-shell-user{padding-left:10px}}
@media(max-width:1100px){.petra-shell-nav,.petra-shell-user{display:none}.petra-shell-mobilemenu{display:block}.petra-shell-page .petra-ui .petra-head{grid-template-columns:1fr 43%;gap:0;min-height:290px}.petra-hero-copy{padding:35px}.petra-head-visual{min-height:290px}.petra-shell-page .petra-ui .petra-jumpnav{display:flex}}
@media(max-width:780px){.petra-shell-header-inner{min-height:74px;padding-inline:16px}.petra-shell-main{padding:18px 16px 50px}.petra-shell-page .petra-ui .petra-head{grid-template-columns:1fr;min-height:0}.petra-hero-copy{padding:30px}.petra-head-visual{height:230px;min-height:0;object-position:center 35%;border-radius:0 0 24px 24px}.petra-shell-page .petra-ui .petra-head h2{font-size:clamp(30px,6vw,42px)!important}.petra-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.petra-overview-card{min-height:300px}.petra-card-visual{height:150px}.petra-section-lead,.petra-topic-head{padding:16px;gap:12px;min-height:135px}.petra-section-lead img,.petra-topic-head img{width:125px;height:125px}.petra-shell-page .petra-access-scene{right:0;width:150px;top:10px;opacity:.5}.petra-shell-page .petra-access-header{min-height:200px}.petra-shell-page .petra-access-grid{grid-template-columns:1fr;gap:15px}.petra-shell-page .petra-auth .petra-auth-head{padding-right:148px;min-height:160px}.petra-shell-page .petra-auth .petra-auth-head:after{width:137px;height:135px}}
@media(max-width:540px){.petra-overview-grid{grid-template-columns:1fr}.petra-overview-card{min-height:0}.petra-card-visual{height:190px}.petra-section-lead,.petra-topic-head{align-items:flex-start}.petra-section-lead img,.petra-topic-head img{width:94px;height:110px}.petra-shell-page .petra-ui #petra-gespraech,.petra-shell-page .petra-ui .petra-panel.petra-card{padding:20px 16px}.petra-shell-page .petra-ui .petra-jumpnav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.petra-shell-page .petra-ui .petra-jumpnav a{font-size:13px;line-height:1.3;text-align:center}.petra-shell-page .petra-auth{padding:22px 18px}.petra-shell-page .petra-auth .petra-auth-head{padding:0 0 120px}.petra-shell-page .petra-auth .petra-auth-head:after{top:auto;left:0;bottom:2px;width:140px;height:107px}.petra-shell-page .petra-access-header{padding:23px}.petra-shell-page .petra-access-scene{width:105px;max-height:150px;opacity:.28}}
@media(prefers-reduced-motion:reduce){.petra-overview-card{transition:none}.petra-overview-card:hover{transform:none}}