/*
Theme Name: CARMOFLEX Start
Theme URI: https://example.invalid/
Author: CARMOFLEX
Description: Informationswebseite für modulare Cargo-Camper-Systeme. Ohne Verkauf.
Version: 1.1.0
Requires PHP: 7.4
Text Domain: carmoflex
*/
:root{--ink:#172824;--green:#234e41;--lime:#d5e3bc;--paper:#f7f7f1;--white:#fff;--muted:#61716b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{color:inherit}a:hover{color:#467a5f}.wrap{width:min(1120px,92%);margin:auto}.site-header{background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #e3e8df}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{text-decoration:none;font-weight:900;font-size:1.5rem;letter-spacing:.08em}.brand span{color:#5b8b63}.nav-links{display:flex;flex-wrap:wrap;gap:17px;align-items:center}.nav-links a{text-decoration:none;font-size:.92rem}.btn{display:inline-block;background:var(--lime);color:var(--ink);padding:12px 20px;border-radius:7px;text-decoration:none;font-weight:750;border:0;cursor:pointer}.btn.dark{background:var(--green);color:#fff}.hero{background:linear-gradient(120deg,#17352c,#315e4b);color:#fff;padding:105px 0 110px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800;color:#cce3b9}.hero h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:1.04;max-width:840px;margin:15px 0}.hero p{font-size:1.22rem;max-width:620px;color:#e0eae1}.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.section{padding:76px 0}.section h2{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:8px 0 18px}.lead{font-size:1.17rem;max-width:750px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.card{background:#fff;border:1px solid #e2e7df;border-radius:14px;padding:26px}.card h3{margin:0 0 8px}.card p{color:var(--muted)}.card .symbol{font-size:2rem}.band{background:#e7eee0}.content{max-width:820px}.content h2{margin-top:35px}.site-footer{background:#142b24;color:#e4ede4;padding:42px 0}.footer-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-row a{margin-right:15px}.notice{border-left:4px solid #b88c39;background:#fff9e8;padding:15px 20px;margin:25px 0}.form-row{margin:12px 0}.form-row label{display:block;font-weight:700;margin-bottom:5px}input,textarea{width:100%;padding:11px;border:1px solid #b9c8bf;border-radius:6px;font:inherit}textarea{min-height:140px}.config-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;margin:25px 0}.trailer{position:relative;aspect-ratio:251/132;border:7px solid #53625b;border-radius:10px;background:repeating-linear-gradient(90deg,#e5e7df,#e5e7df 15px,#eef0e9 15px,#eef0e9 30px);overflow:hidden}.trailer:before{content:'STIRNWAND';position:absolute;top:4px;left:50%;transform:translateX(-50%);font-size:.7rem;color:#65756c;z-index:1}.trailer:after{content:'HECK / TÜR';position:absolute;bottom:4px;left:50%;transform:translateX(-50%);font-size:.7rem;color:#65756c;z-index:1}.module-shape{position:absolute;background:#6e9d81;border:2px solid #224b39;border-radius:5px;display:flex;align-items:center;justify-content:center;text-align:center;padding:5px;color:white;font-size:clamp(.55rem,1.1vw,.8rem);font-weight:700}.module-shape:nth-child(even){background:#3f6f65}.config-options{display:grid;gap:10px}.config-options label{display:flex;gap:10px;align-items:center;padding:12px;background:#fff;border-radius:8px;border:1px solid #dce3db}.config-options input{width:auto}.small{font-size:.85rem;color:var(--muted)}.page-head{padding:58px 0 30px}.page-head h1{font-size:clamp(2.2rem,5vw,4rem);margin:0}.entry{padding-bottom:65px}.entry p{max-width:820px}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.config-layout{grid-template-columns:1fr}.nav{align-items:flex-start;flex-direction:column;padding:15px 0}.hero{padding:75px 0}}@media(max-width:520px){.grid{grid-template-columns:1fr}.nav-links{gap:10px}.nav-links a{font-size:.83rem}}