/*
Theme Name: SoftDataDesign PWA
Theme URI: https://softdatadesign.de/
Author: SoftDataDesign
Description: Schlankes responsives Produktportal für Progressive Web Apps. Produktverwaltung über das begleitende Plugin.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: softdatadesign-pwa
*/
:root{--navy:#142246;--blue:#0759ec;--light:#f3f7ff;--line:#e0e7f2;--muted:#586783;--white:#fff;--w:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',Arial,sans-serif;color:var(--navy);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,input{font:inherit}.wrap{width:min(var(--w),calc(100% - 42px));margin-inline:auto}.site-header{position:sticky;top:0;background:#fffffff2;border-bottom:1px solid var(--line);z-index:20;backdrop-filter:blur(16px)}.header-inner{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:780;letter-spacing:-.045em;white-space:nowrap}.brand span{color:var(--blue);font-weight:450}.brand img{max-width:220px;max-height:52px;width:auto;height:auto}.nav{display:flex;align-items:center;gap:25px;font-size:.91rem;font-weight:560}.nav ul{display:flex;align-items:center;gap:24px;list-style:none;padding:0;margin:0}.nav li{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 20px;border-radius:8px;border:1px solid var(--blue);font-weight:650;font-size:.94rem;background:var(--blue);color:#fff;transition:transform .15s,background .15s}.button:hover{color:#fff;background:#064ccc;transform:translateY(-1px)}.button.outline{background:#fff;color:var(--blue)}.button.outline:hover{background:#eef4ff}.mobile-toggle{display:none;border:0;background:transparent;color:var(--navy);padding:8px;font-size:1.5rem;cursor:pointer}.hero{background:linear-gradient(108deg,#fff 2%,#f2f7ff 70%,#e9f2ff);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:5%;align-items:center;min-height:480px;padding-top:65px;padding-bottom:70px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.15em;color:var(--blue);font-size:.76rem;font-weight:750;margin-bottom:13px}.hero h1{font-size:clamp(2rem,3.8vw,3.65rem);letter-spacing:-.055em;line-height:1.13;margin:0 0 19px;font-weight:800}.hero p{font-size:1.06rem;color:var(--muted);max-width:540px;margin:0 0 25px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.device{position:relative;min-height:340px;display:flex;justify-content:center;align-items:center}.device:before,.device:after{content:"";position:absolute;border-radius:16px;background:#bfd8ff66}.device:before{width:80%;height:82%;left:6%;top:6%;transform:rotate(-4deg)}.device:after{height:70%;width:55%;right:0;bottom:1%;background:#deeafa}.device-panel{width:88%;background:#fff;border:10px solid #d9e2f0;border-bottom-width:18px;box-shadow:0 24px 44px #173a7522;border-radius:18px;position:relative;z-index:1;padding:22px;min-height:260px}.device-top{font-weight:800;font-size:1rem;margin-bottom:20px}.device-greeting{font-weight:780;font-size:1.45rem}.device-sub{font-size:.83rem;color:var(--muted);margin-bottom:20px}.device-apps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.device-app{border:1px solid var(--line);background:#fafcff;border-radius:9px;padding:18px 5px;text-align:center;color:var(--blue);font-weight:680;font-size:.83rem}.device-app b{display:block;font-size:1.5rem}.benefits{border-bottom:1px solid var(--line)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:27px 0}.benefit{display:flex;gap:14px;align-items:flex-start}.benefit-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:12px;background:var(--light);color:var(--blue);flex-shrink:0;font-size:1.25rem}.benefit strong{display:block;font-size:.96rem}.benefit p{margin:3px 0 0;color:var(--muted);font-size:.85rem}.section{padding:65px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.section h2{font-size:clamp(1.7rem,2.7vw,2.35rem);line-height:1.2;letter-spacing:-.04em;margin:0}.section-heading .eyebrow{margin-bottom:8px}.text-link{color:var(--blue);font-weight:660;white-space:nowrap}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{border:1px solid var(--line);border-radius:13px;padding:21px;min-height:220px;display:flex;flex-direction:column;position:relative;background:#fff;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 14px 28px #243a6818;transform:translateY(-2px)}.product-head{display:flex;align-items:center;gap:12px}.product-icon{width:49px;height:49px;border-radius:13px;display:grid;place-items:center;background:#eaf1ff;color:var(--blue);font-size:1.35rem;font-weight:780;flex-shrink:0}.product-icon img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.product-card h3{font-size:1.05rem;margin:0;line-height:1.25}.product-type{font-size:.77rem;color:var(--blue)}.product-card p{font-size:.9rem;color:var(--muted);margin:19px 0 18px;flex:1}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px}.status{font-size:.75rem;color:#52627a;background:#f2f5fa;border-radius:99px;padding:3px 9px}.arrow{border:1px solid #e4edfd;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;color:var(--blue);font-size:1.18rem;background:#f6f9ff}.portfolio-banner{background:linear-gradient(110deg,#eff5ff,#f7fbff);border:1px solid #e9f0fc;border-radius:17px;padding:33px 37px;display:flex;justify-content:space-between;align-items:center;gap:22px}.portfolio-banner h2{margin:0 0 5px;font-size:clamp(1.4rem,2.4vw,2rem)}.portfolio-banner p{margin:0;color:var(--muted)}.shop-panel{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:38px 0 70px}.shop-panel>div{max-width:700px}.shop-panel p{color:var(--muted)}.site-footer{background:#f8faff;border-top:1px solid var(--line);padding:43px 0 25px}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:32px}.footer-grid strong{display:block;margin-bottom:12px}.footer-grid a:not(.brand){display:block;color:var(--muted);font-size:.88rem;margin:7px 0}.footer-grid a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid var(--line);margin-top:36px;padding-top:18px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#72809b;font-size:.8rem}.footer-bottom a{margin-left:14px}.page-body{padding:55px 0 85px;min-height:50vh}.page-body h1{font-size:clamp(2rem,3vw,2.75rem);letter-spacing:-.04em}.page-body .entry-content{max-width:820px;color:#334260}.page-body .entry-content a{color:var(--blue);text-decoration:underline}.product-page{display:grid;grid-template-columns:1.4fr .7fr;gap:55px}.product-side{background:var(--light);border-radius:14px;padding:25px;height:fit-content}.product-side strong{display:block;margin-bottom:12px}.product-side .button{margin-top:10px}.pagination{margin-top:28px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media(max-width:980px){.products-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:12px}.nav ul{gap:12px}.hero-grid{gap:2%}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.header-inner{min-height:64px;flex-wrap:wrap}.mobile-toggle{display:block;margin-left:auto}.nav{display:none;order:3;width:100%;padding:0 0 16px}.nav.open{display:flex;flex-direction:column;align-items:stretch}.nav ul{flex-direction:column;align-items:stretch;gap:10px}.hero-grid{grid-template-columns:1fr;padding:49px 0 25px}.device{min-height:260px}.device-panel{min-height:210px;padding:15px}.benefits-grid{grid-template-columns:1fr;gap:14px}.products-grid{grid-template-columns:1fr}.section{padding:43px 0}.section-heading{align-items:start;flex-direction:column}.portfolio-banner,.shop-panel{flex-direction:column;align-items:start}.portfolio-banner{padding:24px}.product-page{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:span 2}}