/*
Theme Name: Frameventory
Theme URI: https://frameventory.de/
Author: Framebuilder Film und Medien
Description: Schlankes, responsives Full-Width-Theme für Frameventory. Funktioniert ohne Divi und ohne zusätzliche Page-Builder.
Version: 1.1.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: frameventory
*/
:root{--fv-ink:#10201e;--fv-muted:#68736f;--fv-paper:#f4f4ed;--fv-white:#fff;--fv-green:#c9f06a;--fv-teal:#194c45;--fv-line:#dce1d8;--fv-orange:#ff8a57;--fv-radius:26px;--fv-shadow:0 28px 70px #15262118}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--fv-paper);color:var(--fv-ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}img{max-width:100%;height:auto}.fv-wrap{width:100%;margin:0;padding-inline:clamp(18px,5vw,80px)}.fv-header{position:sticky;top:0;z-index:20;background:#f4f4edee;backdrop-filter:blur(16px);border-bottom:1px solid #10201e12}.fv-nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.fv-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:18px;font-weight:850;letter-spacing:-.04em}.fv-brand-mark{width:32px;height:32px;border-radius:10px;background:var(--fv-green);display:grid;place-items:center}.fv-menu{display:flex;gap:20px;align-items:center;flex-wrap:wrap;list-style:none;margin:0;padding:0}.fv-menu li{list-style:none;margin:0;padding:0}.fv-menu a{font-size:13px;font-weight:700;text-decoration:none;color:#364541}.fv-menu a:hover{color:#68861f}.fv-cta,.fv-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 19px;border-radius:999px;background:var(--fv-green);color:var(--fv-ink);font-weight:800;text-decoration:none;border:0}.fv-main{width:100%;max-width:none;margin:0;padding:0}.fv-main>article,.fv-main>section{width:100%}.fv-hero{padding:76px 0 88px}.fv-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}.fv-eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:850;color:#547a3a}.fv-eyebrow:before{content:"";display:inline-block;width:22px;height:2px;background:currentColor;vertical-align:middle;margin-right:9px}.fv-hero h1{font-size:clamp(48px,7.4vw,88px);line-height:.98;letter-spacing:-.075em;margin:23px 0}.fv-hero h1 em{font-style:normal;color:#688b31}.fv-lead{font-size:19px;line-height:1.55;color:#5d6964;max-width:560px}.fv-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap;margin-top:28px}.fv-textlink{text-decoration:none;font-weight:800}.fv-trust{margin-top:36px;color:#7a8580;font-size:12px}.fv-stage{min-height:470px;border-radius:32px;background:#183c35;position:relative;overflow:hidden;padding:24px;color:#fff;box-shadow:var(--fv-shadow);display:flex;align-items:center;justify-content:center}.fv-stage:before,.fv-stage:after{content:"";position:absolute;border:1px solid #ffffff25;border-radius:50%;right:-90px;top:-130px;width:350px;height:350px}.fv-stage:after{width:230px;height:230px;right:-30px;top:-70px}.fv-mock{position:relative;z-index:1;width:min(100%,420px);background:#f8f8f2;border-radius:20px;padding:20px;color:var(--fv-ink);transform:rotate(-2deg);box-shadow:0 25px 60px #08151270}.fv-mock-head{display:flex;justify-content:space-between;font-weight:850}.fv-pill{font-size:10px;padding:5px 10px;border-radius:100px;background:#e6f2d2;color:#426627}.fv-statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.fv-stat{border-radius:12px;background:#eef0e8;padding:11px}.fv-stat b{display:block;font-size:18px}.fv-stat small{font-size:10px;color:#737c77}.fv-item{display:flex;align-items:center;gap:11px;border-top:1px solid #e5e8df;padding:12px 0;font-size:12px}.fv-icon{height:34px;width:34px;border-radius:10px;background:#e2ebd5;display:grid;place-items:center}.fv-item small{display:block;color:#86908a}.fv-ok{margin-left:auto;color:#5a8135;font-weight:850}.fv-note{position:absolute;z-index:2;right:20px;bottom:25px;background:var(--fv-green);padding:13px 17px;border-radius:15px;font-size:12px;font-weight:800;color:var(--fv-ink)}.fv-section{padding:94px 0}.fv-dark{background:#122522;color:#f7f7ed}.fv-section-head{max-width:680px;margin-bottom:38px}.fv-section h2,.fv-content h1{font-size:clamp(36px,5vw,58px);letter-spacing:-.065em;line-height:1.04;margin:15px 0}.fv-section-head p,.fv-muted{color:var(--fv-muted);font-size:17px}.fv-dark .fv-section-head p{color:#b9c5bf}.fv-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.fv-card{background:white;border:1px solid #e9ece4;border-radius:var(--fv-radius);padding:25px;min-height:220px}.fv-card h3{font-size:21px;letter-spacing:-.04em;margin:8px 0}.fv-card p{margin:0;color:#69746f;font-size:14px}.fv-card-icon{font-size:25px;width:50px;height:50px;border-radius:15px;background:#eaf2d9;display:grid;place-items:center}.fv-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fv-step{padding:25px;border-top:1px solid #547068}.fv-step b{font-size:11px;color:var(--fv-green);letter-spacing:.15em}.fv-step h3{margin:22px 0 8px}.fv-step p{margin:0;color:#b9c5bf;font-size:14px}.fv-band{background:var(--fv-green);border-radius:30px;padding:38px 42px;display:flex;justify-content:space-between;align-items:center;gap:25px}.fv-band h2{font-size:clamp(30px,4vw,45px);line-height:1.05;letter-spacing:-.06em;margin:0}.fv-band p{margin:10px 0 0;color:#4a5c43}.fv-band .fv-button{background:var(--fv-ink);color:#fff;white-space:nowrap}.fv-page{padding:90px 0;border-top:1px solid var(--fv-line)}.fv-page-head{max-width:820px;margin-bottom:42px}.fv-page-head h1{font-size:clamp(42px,6vw,68px);line-height:.98;letter-spacing:-.07em;margin:16px 0}.fv-page-head p{font-size:18px;color:var(--fv-muted)}.fv-columns{display:grid;grid-template-columns:.68fr 1.32fr;gap:55px}.fv-prose{max-width:850px}.fv-prose h2{font-size:25px;letter-spacing:-.04em;margin:34px 0 10px}.fv-prose h3{font-size:20px;margin:26px 0 9px}.fv-prose p,.fv-prose li{color:#5d6964}.fv-prose ul{padding-left:22px}.fv-prose a{color:#456b2b}.fv-faq{border-top:1px solid var(--fv-line)}.fv-faq details{border-bottom:1px solid var(--fv-line);padding:20px 0}.fv-faq summary{font-size:18px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}.fv-faq summary:after{content:"+";color:#608832;font-size:24px}.fv-faq details[open] summary:after{content:"−"}.fv-faq p{color:var(--fv-muted);max-width:780px}.fv-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fv-contact-card{padding:25px;background:white;border:1px solid #e6e9e1;border-radius:20px}.fv-footer{background:#122522;color:#dce5de;padding:42px 0}.fv-footer-top{display:flex;justify-content:space-between;gap:28px;align-items:flex-start}.fv-footer p{font-size:13px;color:#aab9b1;max-width:380px}.fv-footer-links{display:flex;gap:18px;flex-wrap:wrap}.fv-footer-links a{font-size:13px;text-decoration:none;color:#dce5de}.fv-fine{border-top:1px solid #ffffff20;margin-top:28px;padding-top:18px;font-size:11px;color:#96a69e}.fv-legal-note{background:#edf1e4;padding:16px 20px;border-left:3px solid #8cad4b;border-radius:0 10px 10px 0;font-size:14px;color:#52614c;margin:0 0 25px}.fv-article-content{max-width:920px;margin:auto;padding:80px clamp(18px,5vw,80px)}.fv-article-content h1{font-size:clamp(42px,6vw,68px);line-height:1;letter-spacing:-.06em}.fv-article-content h2{margin-top:35px}.fv-article-content p,.fv-article-content li{color:#5d6964}
@media(max-width:900px){.fv-menu{gap:12px}.fv-hero-grid{grid-template-columns:1fr}.fv-stage{min-height:410px}.fv-cards{grid-template-columns:1fr 1fr}.fv-flow{grid-template-columns:1fr 1fr}.fv-columns{grid-template-columns:1fr;gap:18px}.fv-nav{height:auto;min-height:75px;align-items:flex-start;padding-top:18px;padding-bottom:18px;flex-direction:column}}
@media(max-width:600px){.fv-wrap{padding-inline:18px}.fv-hero{padding:48px 0 62px}.fv-hero h1{font-size:53px}.fv-lead{font-size:17px}.fv-stage{min-height:370px;padding:15px}.fv-mock{padding:15px}.fv-section,.fv-page{padding:66px 0}.fv-cards,.fv-flow,.fv-contact-grid{grid-template-columns:1fr}.fv-card{min-height:auto}.fv-band{padding:26px;align-items:flex-start;flex-direction:column}.fv-footer-top{flex-direction:column}.fv-footer-links{gap:13px}}
.fv-screenshot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fv-screenshot-card{margin:0;padding:15px;background:#fff;border:1px solid #e6e9e1;border-radius:22px;box-shadow:0 12px 32px #1526210b}.fv-screenshot-card img{display:block;width:100%;height:430px;object-fit:contain;object-position:center;background:#f4f5ef;border-radius:14px}.fv-screenshot-card figcaption{display:grid;gap:3px;padding:14px 4px 3px}.fv-screenshot-card figcaption strong{font-size:16px;letter-spacing:-.02em}.fv-screenshot-card figcaption span{font-size:13px;color:var(--fv-muted)}.fv-app-cta{margin-top:28px}.fv-button-pending{background:#eff2e8;color:#52614c;border:1px dashed #9eae85;cursor:default;white-space:nowrap}
@media(max-width:900px){.fv-screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fv-screenshot-card img{height:400px}}
@media(max-width:600px){.fv-screenshot-grid{grid-template-columns:1fr}.fv-screenshot-card img{height:auto;max-height:620px}.fv-app-cta{margin-top:20px}}
.fv-app-gallery{background:linear-gradient(180deg,#f4f4ed 0%,#edf1e5 100%)}.fv-carousel{max-width:900px;margin:12px auto 0;display:grid;grid-template-columns:minmax(46px,1fr) minmax(250px,360px) minmax(46px,1fr);gap:clamp(16px,7vw,100px);align-items:center}.fv-carousel-center{display:flex;flex-direction:column;align-items:center}.fv-iphone{position:relative;width:min(100%,318px);aspect-ratio:390/844;padding:9px;border:4px solid #101917;border-radius:48px;background:#101917;box-shadow:0 30px 75px #0c1c1850,0 8px 18px #0c1c1825;touch-action:pan-y;user-select:none}.fv-iphone-screen{position:absolute;inset:9px;overflow:hidden;border-radius:35px;background:#fff}.fv-iphone-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;background:#fff}.fv-iphone-screen img[hidden]{display:none!important}.fv-iphone-island{position:absolute;z-index:2;top:14px;left:50%;transform:translateX(-50%);width:78px;height:20px;border-radius:15px;background:#101917}.fv-iphone-home{position:absolute;z-index:2;bottom:13px;left:50%;transform:translateX(-50%);width:92px;height:4px;border-radius:10px;background:#101917}.fv-carousel-arrow{width:58px;height:58px;border:1px solid #dce1d8;border-radius:50%;background:#fff;color:#183c35;font-size:27px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 28px #15262112;transition:transform .18s ease,background .18s ease}.fv-carousel-arrow:hover{transform:scale(1.07);background:var(--fv-green)}.fv-carousel-prev{justify-self:end}.fv-carousel-next{justify-self:start}.fv-carousel-caption{display:grid;gap:4px;text-align:center;margin-top:22px;min-height:55px}.fv-carousel-caption strong{font-size:20px;letter-spacing:-.04em}.fv-carousel-caption span{font-size:14px;color:var(--fv-muted)}.fv-carousel-dots{display:flex;justify-content:center;gap:9px;margin-top:15px}.fv-carousel-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#b8c2b2;cursor:pointer;transition:width .2s ease,background .2s ease}.fv-carousel-dots button[aria-current=true]{width:27px;border-radius:10px;background:#688b31}.fv-swipe-hint{font-size:12px;color:#7a8580;margin:11px 0 0}.fv-app-cta{margin-top:52px}
@media(max-width:700px){.fv-carousel{grid-template-columns:42px minmax(0,1fr) 42px;gap:10px}.fv-iphone{width:min(100%,290px);border-radius:42px}.fv-iphone-screen{border-radius:31px}.fv-iphone-island{width:70px;height:18px}.fv-carousel-arrow{width:42px;height:42px;font-size:21px}.fv-carousel-caption strong{font-size:18px}.fv-app-cta{margin-top:36px}}
@media(prefers-reduced-motion:reduce){.fv-carousel-arrow,.fv-carousel-dots button{transition:none}}
.fv-brand{flex:0 0 auto}.fv-brand-logo{display:block;width:160px;height:auto;max-height:54px;object-fit:contain}.fv-footer .fv-brand-logo{width:174px;max-height:58px}
@media(max-width:600px){.fv-brand-logo{width:148px;max-height:50px}.fv-footer .fv-brand-logo{width:160px;max-height:54px}}
.fv-footer .fv-brand-logo{filter:brightness(0) invert(1)}

.fv-gear-gallery{background:#edf1e5;padding-top:76px;padding-bottom:76px}.fv-gear-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.fv-gear-card{margin:0;overflow:hidden;border:1px solid #e2e8dd;border-radius:22px;background:#fff;box-shadow:0 14px 36px #1526210b}.fv-gear-card img{display:block;width:100%;aspect-ratio:1.18/1;object-fit:cover;background:#e9ece5}.fv-gear-card figcaption{padding:16px 18px 18px}.fv-gear-card h3{margin:0 0 5px;font-size:17px;letter-spacing:-.03em}.fv-gear-card p{margin:0;color:#68736f;font-size:13px;line-height:1.5}
@media(max-width:900px){.fv-gear-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.fv-gear-gallery{padding-top:58px;padding-bottom:58px}.fv-gear-grid{gap:10px}.fv-gear-card{border-radius:16px}.fv-gear-card img{aspect-ratio:1/1}.fv-gear-card figcaption{padding:12px 12px 14px}.fv-gear-card h3{font-size:14px}.fv-gear-card p{font-size:12px}}

/* App-Screenshot-Galerie: echte iPhone-Mockups verwenden und kompakter darstellen */
.fv-app-gallery .fv-wrap{max-width:1280px;margin-inline:auto}
.fv-carousel{max-width:760px}
.fv-iphone{width:min(100%,300px);aspect-ratio:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.fv-iphone-screen{position:relative;inset:auto;overflow:visible;border-radius:0;background:transparent}
.fv-iphone-screen img{width:100%;height:auto;object-fit:contain;object-position:center;background:transparent}
.fv-iphone-island,.fv-iphone-home{display:none}
@media(max-width:700px){.fv-app-gallery .fv-wrap{padding-inline:18px}.fv-iphone{width:min(100%,270px)}}

/* App-Galerie: kompaktere Darstellung */
.fv-app-gallery{padding-block:58px}
.fv-app-gallery .fv-section-head{margin-bottom:22px}
.fv-carousel{max-width:640px;grid-template-columns:minmax(42px,1fr) minmax(210px,250px) minmax(42px,1fr);gap:clamp(12px,4vw,48px)}
.fv-iphone{width:min(100%,220px)}
.fv-app-gallery .fv-app-cta{margin-top:30px}
@media(max-width:700px){.fv-carousel{grid-template-columns:38px minmax(0,1fr) 38px;gap:8px}.fv-iphone{width:min(100%,210px)}.fv-carousel-arrow{width:38px;height:38px;font-size:20px}.fv-app-gallery .fv-app-cta{margin-top:24px}}