/*
Theme Name: PETRA Portal
Description: Eigenständiges, responsives PETRA-App-Theme für die unveränderten Funnel-Engine-Shortcodes.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Author: PETRA
License: GPL-2.0-or-later
Text Domain: petra-portal
*/
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:#FFFFFF;color:#102033;font:16px/1.65 Inter,Arial,sans-serif}a{color:#223B7D;text-underline-offset:3px}img{max-width:100%;height:auto}h1,h2,h3{font-family:inherit;line-height:1.2;font-weight:600;overflow-wrap:anywhere}h1{font-size:clamp(34px,4.2vw,54px)}h2{font-size:clamp(24px,2.5vw,32px)}h3{font-size:20px}p{overflow-wrap:anywhere}:focus-visible{outline:3px solid #23344A;outline-offset:4px}.petra-portal-skip{position:absolute;top:-100px;left:16px;z-index:99;background:white;padding:12px}.petra-portal-skip:focus{top:8px}.petra-portal-header{max-width:1280px;margin:auto;padding:24px clamp(16px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #D5E0E8;flex-wrap:wrap}.petra-portal-header .brand{display:block;padding:16px 0}.petra-portal-header .brand img{display:block;width:220px}.petra-portal-header nav{display:flex;gap:8px 24px;flex-wrap:wrap}.petra-portal-header nav a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}.petra-portal-main{max-width:1280px;margin:auto;padding:40px clamp(16px,4vw,48px) 64px;min-width:0}.petra-portal-intro{max-width:none;padding:24px;background:#F3F7FA;border:1px solid #D5E0E8;border-radius:16px;margin:24px 0}.petra-portal-intro h2{margin-top:0}.petra-portal-intro p:last-child{margin-bottom:0}.petra-portal-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;padding:0;counter-reset:steps}.petra-portal-steps li{padding:20px;border:1px solid #D5E0E8;border-radius:16px;counter-increment:steps}.petra-portal-steps li:before{content:counter(steps);display:block;font-weight:700;color:#6C4CF6;margin-bottom:12px}.petra-portal-footer{padding:32px clamp(16px,4vw,48px);background:#102033;color:white}.petra-portal-footer>div{max-width:1184px;margin:auto}.petra-portal-footer img{width:180px;margin:12px 0}.petra-portal-footer a{color:white;min-height:44px;display:inline-flex;align-items:center;margin-right:20px}.petra-portal-footer :focus-visible{outline-color:#FFFFFF}.petra-portal-footer p{font-size:14px;color:#D5E0E8}.petra-portal-crisis{padding:16px 20px;border-left:4px solid #6C4CF6;background:#F3F7FA;margin-top:32px}.petra-portal-crisis a{display:inline-flex;align-items:center;min-height:44px}.petra-portal-main .petra-access,.petra-portal-main .petra-ui{width:100%;max-width:none;margin:24px 0}.petra-portal-main :is(input,textarea,select){font-size:16px;max-width:100%}.petra-portal-main .petra-access-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.petra-portal-main .petra-access-box{border-radius:16px}.petra-portal-main button{min-height:44px}.petra-portal-main .petra-access-primary{border-radius:10px}.petra-portal-main :is(.petra-chat,.petra-message,.petra-card){min-width:0;overflow-wrap:anywhere}.petra-portal-main .petra-access-honeypot{position:absolute!important;left:-99999px!important;width:1px;height:1px;overflow:hidden}.petra-portal-main .petra-access{overflow-x:clip}.petra-portal-main table{display:block;max-width:100%;overflow-x:auto}.petra-portal-main [role=alert]{color:#98251F}.petra-portal-home-links{display:flex;gap:16px;flex-wrap:wrap}.petra-portal-home-links a{background:#102033;color:white;border-radius:10px;padding:14px 20px;min-height:48px;text-decoration:none}
@media(max-width:900px){.petra-portal-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:639px){h1{font-size:clamp(30px,6vw,42px)}.petra-portal-steps,.petra-portal-main .petra-access-grid{grid-template-columns:minmax(0,1fr)}.petra-portal-header{gap:12px}.petra-portal-header .brand img{width:180px}.petra-portal-main{padding-top:24px}.petra-portal-intro{padding:20px}.petra-portal-main .petra-access{padding:0}.petra-portal-main .petra-actions{display:flex;flex-direction:column}.petra-portal-main .petra-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}