:root{font-family:Inter,system-ui,Segoe UI,Arial,sans-serif;color:#32261e;background:#fffaf3}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,.btn,.linkbtn{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;background:#4c8eb7;color:white;font-weight:750;display:inline-block;font-size:14px}button:hover,.btn:hover{filter:brightness(.93)}header{background:#fff;border-bottom:1px solid #efe6da;position:sticky;top:0;z-index:2}nav{max-width:1180px;padding:15px 22px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:12px}nav>div{display:flex;gap:16px;align-items:center;flex-wrap:wrap}nav a:hover{color:#448db6}.brand{font-size:24px;display:flex;align-items:center;gap:7px}.brand span{color:#4c8eb7}.brand small{font-size:10px;letter-spacing:2px;background:#f5d98e;border-radius:5px;padding:5px}.hero{padding:75px 35px;background:linear-gradient(125deg,#fff0d0,#eff8fe);border-radius:30px;text-align:center;margin:22px 0 38px}.hero h1{font-size:clamp(38px,5.5vw,68px);line-height:1.07;margin:12px auto;max-width:850px}.hero h1 em{color:#4c8eb7;font-style:normal}.hero p{max-width:660px;margin:14px auto 26px;font-size:19px;line-height:1.55}.eyebrow{color:#b37b23;font-size:12px;font-weight:800;letter-spacing:2px}main{max-width:1180px;margin:0 auto;padding:0 22px 75px;min-height:75vh}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.section-head h2{font-size:28px}.muted,.section-head p,small{color:#7e756d}.filters{display:flex;gap:10px;margin:22px 0 25px}.filters input{flex:1}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product{background:white;border:1px solid #eee2d6;border-radius:20px;overflow:hidden;box-shadow:0 7px 25px #34200d0a;transition:transform .15s}.product:hover{transform:translateY(-3px)}.preview{height:220px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#f5ead8,#eff4f9);font-size:80px}.preview img{width:100%;height:100%;object-fit:cover}.pad{padding:15px}.pad h3{margin:9px 0}.pad p{font-size:13px;min-height:48px}.price{color:#b46c13;font-size:23px}.tag{display:inline-block;border-radius:30px;background:#e8f4fd;color:#3277a6;font-size:12px;padding:5px 9px;margin-top:10px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:26px 0}.preview.big{height:500px;border-radius:22px}.detail h1{font-size:40px}.description{white-space:pre-wrap;line-height:1.7}label{display:block;font-weight:650;margin:13px 0}input,select,textarea{width:100%;background:#fff;padding:12px;border:1px solid #dcd2c5;border-radius:10px;font:inherit;color:#332720;margin-top:7px}textarea{min-height:85px}input[type=checkbox]{width:auto;margin:0 8px 0 0}.inline{display:flex;align-items:center;font-weight:500;gap:4px}.inline a{text-decoration:underline}.form{max-width:520px}.form.wide{max-width:740px}.form button{margin-top:14px}.cartrow{padding:18px 0;border-bottom:1px solid #e9ddd0;display:flex;justify-content:space-between;align-items:center;gap:12px}.cartrow small{display:block;margin:5px 0}.secondary{background:#f4eee7;color:#4b3b2b}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.toolbar{display:flex;align-items:center;justify-content:space-between}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;background:white;border-radius:12px}td,th{text-align:left;padding:11px;border-bottom:1px solid #eae1d6}td form{display:flex;gap:5px;align-items:center}td select{min-width:145px;margin:0}.flash{margin-top:15px;background:#fff0cd;border-radius:12px;padding:12px}.legal{white-space:pre-wrap;line-height:1.65}footer{text-align:center;padding:30px 15px;border-top:1px solid #e5dccc;background:white;line-height:2}footer a{text-decoration:underline}@media(max-width:940px){.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:570px){nav{flex-direction:column}.hero{padding:45px 20px}.products{grid-template-columns:1fr}.detail{grid-template-columns:1fr}.filters{flex-wrap:wrap}.filters select{width:100%}.preview.big{height:300px}}

.hero-logo{width:min(250px,55%);height:auto;display:block;margin:-18px auto 8px;mix-blend-mode:multiply}

/* V1.3 premium lifestyle homepage */
:root{--brown:#512611;--honey:#ffbb35;--blue:#318bc3;--cream:#fff7ea}body{background:#fffcf8;color:#33251e}.announcement{text-align:center;background:#5a3018;color:#fff;padding:8px;font-size:12px;letter-spacing:.4px}header{box-shadow:0 3px 18px #5c35100d}nav{max-width:1280px;padding:5px 22px}.brand img{height:61px;width:105px;object-fit:contain}.navlinks,.navtools{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:700}.navtools{gap:10px}.navtools a{padding:7px}.navtools span{border-radius:20px;background:#ffb630;padding:1px 5px;font-size:11px}main{max-width:1260px;padding-top:14px}footer{text-align:left;background:#fff5e6}footer .footer-inner{max-width:1140px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:25px;text-align:left}footer p{font-size:13px;line-height:1.9}footer a{text-decoration:none}.footer-logo{height:75px;max-width:140px;object-fit:contain}.hero-lifestyle{display:grid;grid-template-columns:1fr 1.15fr;text-align:left;padding:0;min-height:340px;overflow:hidden;margin:0 0 12px;background:#fff0da;border-radius:27px}.hero-copy{padding:43px 30px 30px 48px;position:relative;z-index:1}.hero-lifestyle h1{font-size:clamp(34px,4.3vw,60px);margin:16px 0 12px;line-height:1.04;color:var(--brown);font-weight:900}.hero-lifestyle h1 em{color:#bd601d;font-style:normal}.hero-lifestyle p{font-size:16px;max-width:470px;margin:12px 0 22px}.hero-photo{min-height:340px;overflow:hidden}.hero-photo img{width:100%;height:100%;min-height:340px;object-fit:cover;object-position:center}.hero .actions{margin:15px 0;gap:10px}.btn.gold{background:var(--honey);color:#482713}.btn.blue{background:var(--blue)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:15px 0 27px}.benefits>div{background:#fff4e1;border-radius:15px;padding:17px 15px;display:flex;align-items:center;gap:12px;color:#de7623;font-size:25px}.benefits span{font-size:12px;color:#482c21}.benefits b{display:block}.benefits small{display:block;margin-top:3px;font-size:11px}.section-head{margin:15px 0 5px;scroll-margin-top:130px}.section-head h2{font-size:27px}.section-head>a{color:var(--blue);font-weight:700;font-size:13px}.accent{color:#f38b4c}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.category{position:relative;background:linear-gradient(155deg,#fff1df,#f8fcff);border:1px solid #f0e4d6;border-radius:16px;overflow:hidden;padding:16px;min-height:157px;box-shadow:0 7px 18px #6345200c}.category-icon{font-size:66px;text-align:center;margin-bottom:7px}.category b{display:block}.category small{display:block;font-size:11px}.category>span{position:absolute;right:12px;bottom:12px;color:#d88c28}.products{grid-template-columns:repeat(4,minmax(0,1fr))}.product .preview{height:240px;background:linear-gradient(145deg,#f4e8da,#e9f2f5)}.product .pad p{min-height:0}.product .pad{min-height:135px}.mini-cta{font-size:12px;font-weight:800;color:#367da9;margin-top:10px}.how{margin:38px 0;padding:15px 26px 25px;background:#fff6e9;border-radius:24px;scroll-margin-top:120px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps>div{background:#fff;border-radius:18px;padding:20px}.steps i{font-style:normal;font-weight:800;background:var(--honey);padding:9px 13px;border-radius:50%;margin-right:10px}.steps p{font-size:13px;color:#766456}.feature-banners{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.feature-banners>div{border-radius:23px;padding:30px;background:linear-gradient(125deg,#f8e2cf,#e8f3fb)}.feature-banners>div:nth-child(2){background:linear-gradient(115deg,#fff4dc,#fde5e5)}.feature-banners span{font-size:27px}.feature-banners h2{font-size:29px;color:var(--brown);margin:8px 0}.feature-banners p{font-size:13px}.last-note{text-align:center;padding:24px}.last-note img{width:140px;max-width:100%}.empty-state{grid-column:1/-1;text-align:center;padding:55px 20px;background:#fff2df;border-radius:20px}.navlinks a:hover,.mini-cta:hover{color:#e38e25}@media(max-width:850px){.navlinks{gap:9px;flex-wrap:wrap}.hero-lifestyle{grid-template-columns:1fr 1fr}.hero-copy{padding:30px}.benefits{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(3,1fr)}.products{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){nav{flex-direction:row;flex-wrap:wrap;justify-content:center}.navlinks{order:3;justify-content:center;font-size:11px}.hero-lifestyle{grid-template-columns:1fr}.hero-copy{padding:28px}.hero-photo{min-height:230px;height:230px}.hero-photo img{min-height:230px}.categories{grid-template-columns:repeat(2,1fr)}.steps,.feature-banners{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr;gap:7px}.benefits>div{padding:10px 8px;font-size:18px}.benefits span{font-size:10px}.products{grid-template-columns:1fr}footer .footer-inner{grid-template-columns:1fr 1fr}}
.workshop{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.workshop>div{padding:20px;border:1px solid #f2dec6;border-radius:22px;background:#fff}.workshop h1{font-size:36px}.workshop input[type=range]{accent-color:#e49b31}.workshop-preview{text-align:center}.workshop-preview #vector-output{background:#fff8ee;min-height:320px;border-radius:18px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center}.workshop-preview #vector-output span{font-size:110px}.safety-note{padding:18px;border-radius:12px;background:#fff2d2;line-height:1.6;font-size:13px}@media(max-width:780px){.workshop{grid-template-columns:1fr}}

/* V1.4 – unverbindliche personalisierte Produktvorschau */
.mockup-preview{margin:16px 0;padding:14px;background:#fbf5e9;border:1px solid #e8d8bf;border-radius:18px;text-align:center}.mockup-preview small{display:block;margin:8px auto;max-width:390px}.mockup-shirt{width:220px;height:240px;margin:0 auto;background:#e5d4b2;clip-path:polygon(24% 7%,38% 0,62% 0,76% 7%,99% 24%,87% 48%,75% 39%,75% 98%,25% 98%,25% 39%,13% 48%,1% 24%);display:flex;justify-content:center;align-items:center;color:#34271e}.mockup-shirt.dark{background:#31343a;color:#faf4e5}.mockup-art{width:118px;min-height:80px;margin-top:-10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.mockup-art span{font-size:28px}.mockup-art img{max-width:95px;max-height:90px;object-fit:contain;border-radius:4px}.mockup-art strong{font-size:13px;overflow-wrap:anywhere;max-width:116px}